做出如上效果
利用:class="item.ischeck == true ? 'btn_selected' : ''"
三元表达式判断是否选中并改变样式
代码片段如下:
<div class="intent_btn">
<van-button style="width: .90rem;" v-for="(item, index) in List" :key="index" :class="item.ischeck == true ? 'btn_selected' : ''"
size="medium" @click="buttonSelectOne(index, item, List)">{
{
item.name}}</van-button>
</div>
data:{
List:[
{
val: 1, ischeck: false, name: "1"},
{
val: 2, ischeck