我有一个Vue组件,它使用 bootstrap 网格.在子组件中,我想得到控制器中某个div的当前宽度.
下面是子组件:
<template>
<div id="bg-prev" ref="prev">
<h1>{{x}}</h1>
</div>
<template>
export default {
props: ['section'],
data() {
return {
x: 0,
y: 0,
}
},
mounted() {
this.getWindowWidth();
},
methods: {
getWindowWidth() {
this.x = this.$refs.prev.clientWidth;
}
}
};
<style>
#bg-prev {
width: 100%;
}
</style>
在本例中,宽度将始终为0,即使在我判断该元素时,该元素有一个净宽度.我缺少什么,挂载的钩子是vue生命周期中最新的一个,对吗?感谢您的帮助;)