1、获取类名,取到宽度
created() {
this.$nextTick(()=>{
this.shortcut = document.getElementsByClassName("mainCont")[0].offsetWidth +
document.getElementsByClassName("mainCont")[0].offsetLeft;
})
}
2、在data里定义
data() {
return {
shortcut:'',
}
}
3、添加动态样式绑定
:style="{'width':shortcut + 'px'}"
动态宽度设置技巧
本文介绍了一种使用Vue.js获取元素宽度并动态设置宽度的方法。通过在组件创建完成后利用$nextTick确保DOM更新完毕,获取指定类名元素的实际宽度及偏移量,并将其赋值给组件的data属性中。最后通过绑定样式将此宽度应用于需要动态调整大小的元素上。
3365

被折叠的 条评论
为什么被折叠?



