Loading... **v-bind绑定class** 很多时候,我们希望动态的来切换class,比如:当数据为某个状态时,字体显示红色,当数据另一个状态时,字体显示黑色。(一个列表,点击后变蓝色,其他变白色) 绑定方式:**对象语法**。对象语法的含义是:class后面跟的是一个对象。**(对象用{}表示,里面是键值对,值可以是boolean类型,当值为true时添加class属性,为false时不添加)** 对象语法有下面这些用法: | 1234 | `<!--最终渲染页面class有active和line-->``<``h2` `:class``=``"{active:true,line:true}"``>{{name}}</``h2``>``<!--最终渲染页面class只有active-->``<``h2` `:class``=``"{active:true,line:false}"``>{{name}}</``h2``>` | | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | 最后修改:2022 年 07 月 21 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0 如果觉得我的文章对你有用,请随意赞赏