uniapp和vue如何获取屏幕或盒子内容的宽高

methods: {
  getScreenSize() {
    uni.getSystemInfo({
      success: (res) => {
        const screenWidth = res.windowWidth; // 屏幕宽度，单位为px
        const screenHeight = res.windowHeight; // 屏幕高度，单位为px
        console.log('屏幕宽度：', screenWidth);
        console.log('屏幕高度：', screenHeight);
      },
    });
  },
},

mounted() {
  this.getScreenSize(); // 在组件或页面加载完成后调用获取屏幕尺寸的方法
},

const screenWidth = window.innerWidth; // 屏幕宽度
const screenHeight = window.innerHeight; // 屏幕高度

methods: {
  getBoxSize() {
    uni.createSelectorQuery()
      .select('.box') // 选择你要获取尺寸的盒子元素，这里假设盒子元素的class为box
      .boundingClientRect((rect) => {
        const boxWidth = rect.width; // 盒子的宽度，单位为px
        const boxHeight = rect.height; // 盒子的高度，单位为px
        console.log('盒子宽度：', boxWidth);
        console.log('盒子高度：', boxHeight);
      })
      .exec();
  },
},

mounted() {
  this.getBoxSize(); // 在组件或页面加载完成后调用获取盒子尺寸的方法
},

<div ref="box" class="box"></div>

const boxWidth = this.$refs.box.$el.offsetWidth; // 盒子宽度
const boxHeight = this.$refs.box.$el.offsetHeight; // 盒子高度

console.log(boxWidth,boxHeight);