vue-内联样式style和class的三元表达式
2020-07-17 23:07
591 查看
style 三元表达式
<div :style="{'color': arrentIndex === 0 ? 'red' : 'blue'}">内联样式</div>
注意:如果有多个样式的话可以通过逗号==,==隔开
class 三元表达式
<div :class="[arrentIndex === 0 ? 'selectClass': 'lllClass']">class样式</div>
相关文章推荐
- vue组件内部绑定class还有style样式
- Vue的样式绑定 style和class用数组和对象的方式
- Class 与 Style 绑定内联样式(vue.js)
- vue.js入门教程之绑定class和style样式
- vue 三元表达式class、图片切换 (涉及计算属性)
- (2)Vue中class、style样式
- vue绑定class与行间样式style详解
- Vue中样式绑定的经典用法举例( :style以及 :class)
- vue通过style或者class改变样式的实例代码
- vue中样式绑定class和style
- VUE中样式的动态绑定:class 和:style
- [js高手之路] vue系列教程 - 绑定class与行间样式style(6)
- vue.js学习笔记之绑定style样式和class列表
- vue 中使用style class(样式)
- vue.js绑定class和style样式(6)
- Vue中样式的绑定class与style
- Vue入门教程07-Class和Style样式绑定
- vue样式(style)和属性(class)绑定的几种基本方法
- vue学习笔记 样式 class style(五)
- vue中class与样式style绑定