vue.js class属性动态绑定
1、vue.js组件标签中,可以用 :class=“xxx”来绑定样式,xxx就是vue实例的data中定义的变量,通过双向绑定赋值;
【vue.js class属性动态绑定】2、这里记录的是另外几种实现方式:
2-1 :class="'img'"这种写法直接查找img的class样式,不再在vue实例的data中找了;
2-2 :class="['img','vedio','title']" 这种方式可以同时给定多个样式;
2-3 :class=" isTrue?'showIt':' ' " 这种方式使用三元表达式来判断变量isShow(vue实例data中定义的)是否为true来决定使用哪个样式。
推荐阅读
- 第6.2章(设置属性)
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 缓存有关的配置和属性
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- 136.|136. Single Number
- vue.js|vue中使用axios封装成request使用
- 狗趣
- Spring源码解析_属性赋值
- vue.js组件开发
- HTML5新增选择器属性方法