概述
<el-aside width="200px" ref="aside">
</el-aside>
会发现通过this.$ref.aside.style.width='auto'或者指定值，会发现控制台直接报错，修改不生效。
换种做法将200px作为属性计算，进行双向绑定数据
<el-aside :width="wth">
</el-aside>
const vm = new Vue({ // 配置对象 options
// 配置选项(option)
el: '#app', // element: 指定用vue来管理页面中的哪个标签区域
data: {
wth:'200px'
},
methods: {
changeAside() {
this.wth = 'auto' //修改成功，这种方式相当于直接修改html上的值，会重新渲染
}
}
})
最后
以上就是优美小兔子为你收集整理的Vue修改elment-ui组件的el-aside的width的全部内容，希望文章能够帮你解决Vue修改elment-ui组件的el-aside的width所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复