vue动态绑定类以选择在当前列表中改变颜色的方法示例

这个小技巧很实用，在工作中经常用到，希望朋友们能学会。

我们先来看看效果图

接下来，让我们看看如何实现它

在方法中写一个方法

单击类别(索引){ //这里我们传入一个当前值this.categoryIndex=index}，然后需要在数据中注册它。

data(){ return { categoryindex : 0，//点击当前背景变成白色索引}}，将我们当前选中项目的类名设置为css中的active，并赋予它白色背景色。活动的{background: #fff}然后被绑定在html中

Li @ click=' click category(index)' : class=' { active : categoryindex==index } '！-选择当前的动态绑定类- /li嗯哼，所以我们点击选择当前改变的背景色，就完成了。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。