vue-element-admin 如何获取appmain的宽高

我想写一个alert全局组件,在这个组件中我该如何去获取到APPmain的宽高呢

img

这个可以通过绑定id获取对应元素宽高

<div ref="appMain"></div>

mounted () {
  console.log(this.$refs.appMain.offsetWidth, this.$refs.appMain.offsetHeight)
}

参考如下链接https://blog.csdn.net/ZHFDBK/article/details/77231758
可以根据组件对象实体类获取其属性元素宽和高

可以 通过 $refs.appMain获取到元素的宽高,然后存到 vuex 里面,然后你就可以在自己的组件里面取值了
例如: const { state, commit } = useStore();
const width = computed(() => {
return state.AppMain.width
})

可以通过.$parent一层一层的去找你要的dom

img

直接在mounted中用原生js获取就可以了,结题