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如何多个样式绑定(动态切换样式)
猜你喜欢