根据用户操作动态改变页面样式如按钮选中
首先在循环的内容中(如li)中设置一个动态class,设置要绑定的样式(如active)生效条件
<ul>
<li v-for="(dealWayItem, i) in dealWayList" :key="i" @click="selectDealRoleWay(i)" :class="{active:dealWay == i,disabled1:dealWayItem.disabled == true}">
<span>{{dealWayItem.DICTNAME}}</span>
</li>
然后通过按钮点击触发method中定义好的事件,并在style中设置active样式
最终效果
我的博客主页 :https://qingmuzhang.gitee.io/