1、有一个项目,需要动态添加标签(button),一个或者两个button,当固定div大小时,如果只放一个button就会有很多空白,看起来不太好,因此需要动态改变div的width自动调整宽度。
调整前后图
修改前:
修改后:
2、动态修改方式:
在需要动态改变width的控件中写
:width="wth"
//wth 在data中设置初始值,用来适配只有一个标签的,设置函数修改wth的值,以方便适配两个或者多个标签的
data里面定义wth
data () {
return {
wth: '150'
}
},
在这里插入代码片
动态修改方法:
changeAside () { //在改变标签个数时调用即可
this.wth = '320' // 大小可以根据自己的项目定义
//修改成功,会重新渲染
},