:class动态绑定,页面不重新渲染的解决方案

用数组形式,页面不重新进行渲染解决

:class="{ onlist: i == dianfo.row3 }"  // onlist 是class类的名字  dianfo是自定义名字

<a 
v-for="(item, i) in dds[2]"
:key="i"
:class="{ onlist: i == dianfo.row3 }">{{ item.name }}</a>

dianfo如果是数组,这里不会重新渲染;

dianfo: [0,0,0,0]

改为对象形式,就能进行数据刷新了。

dianfo: { row1: 0, row2: 0, row3: 0, row4: 0 },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值