1.动态样式里 三级表达式的写法
<li v-for="(item, index) in listData" :key="index">
<div class="ww">
<div class="ee">
//不同字段表示不同颜色
<p class="title2" v-text="item.riskgrade" v-bind:class="
['title2',item.riskgrade=='重大'?'icon':(item.riskgrade=='较大'?'icon1':
(item.riskgrade=='一般'?'icon2':'icon3'))]"></p>
</div>
</div>
</li>
<style>
.title2 {
color: red;
}
.icon{
color: red;
}
.icon1{
color: #FF6704;
}
.icon2{
color: #FFCA70;
}
.icon3{
color: #008637;
}
</style>