vue_cli如何多个样式绑定(动态切换样式)

2025-05-22 16:54:39

1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目

vue_cli如何多个样式绑定(动态切换样式)

3、在显示内容里一个对象v-bind:class ,以动态地切换 class,两个变量为isActive和text-danger。在添加一个class赋值为static

vue_cli如何多个样式绑定(动态切换样式)

5、样式为100*100的红色方框,按F12查看class的值为staticacti箪滹埘麽ve text-danger,说明v-bind:class指令也可以与普通的 class attribute 共存

vue_cli如何多个样式绑定(动态切换样式)

6、把hasError赋值为false

vue_cli如何多个样式绑定(动态切换样式)vue_cli如何多个样式绑定(动态切换样式)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢