Vue进阶(幺叁伍):动态样式设置

需求

在Vue项目开发过程中,需要根据按钮数量动态设置icon元素宽度。

分析

在el-col标签内,若只展示1个icon元素的话,则设置宽度为100%;
若显示2个icon元素的话,则设置宽度为50%;
以此类推…

解决方法

...


有关computed,详参博文:
《Vue进阶(八十四):vue中Computed 和 Watch的使用和区别》
《Vue进阶(二十八):浅析Vue中computed与method的区别》。

也可以考虑使用class属性实现样式动态设置。





Vue 测试实例




ceshi

你可能感兴趣的:(Vue2,Column,vue,动态样式)