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

时间:2024-10-20 06:46:24

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

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

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

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

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

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

6、把hasError赋值为false

vue_cli如何多个样式绑定(动态切换样式)vue_cli如何多个样式绑定(动态切换样式)
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com