vue点击增加class_Vue 点击添加class类名的问题
代码:
.prop-val {
display: inline-block;
font-size: .12rem;
cursor: pointer;
border: 1px solid #ed145b;
padding: .02rem .05rem;
color: #ed145b;
margin: .05rem;
}
.on-choose {
color: #fff;
background-color: #ed145b;
}
<div id="myapp">
<template v-for="i in prop_group">
<div>{ { i.group_name }}</div>
<div class="prop-val" :class="{ on-choose: select }" v-for="val in i.prop_value" v-on:click="selectProp">{ { val }}</div>
</template>
</div>
new Vue({
el: #myapp,
data: {
select: true,
numControl:{
num: 1,
maxLimit: 10,
minLimit: 1,
saleOff: false
代码: .prop-val { display: inline-block; font-size: .12rem; cursor: pointer; border: 1px solid #ed145b; padding: .02rem .05rem; color: #ed145b; margin: .05rem; } .on-choose { color: #fff; background-color: #ed145b; }
{ { i.group_name }}
{ { val }}
上一篇：
IDEA上Java项目控制台中文乱码