是否可以使用 Vue 创建条件来根据 doom 上加载的文本更改添加类?
我有一个带有颜色名称的列表
<span>yellow</span>
<span>red</span>
<span>grey</span>
我想设定一个条件,例如如果名称文本是黄色我想添加类“color_yellow”等等
最佳答案
尝试像下面的代码片段:
new Vue({
el: '#demo',
data() {
return {
colors: ['yellow', 'red', 'grey']
}
}
})
Vue.config.productionTip = false
Vue.config.devtools = false
.color_yellow {
color: yellow;
}
.color_red {
color: red;
}
.color_grey {
color: grey;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<ul>
<li v-for="(color, i) in colors" :key="i">
<span :class="`color_${color}`">{{ color }}</span>
</li>
</div>
关于javascript - 如何使用 VUE 为类(class)添加条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69939615/