这个小技巧很实用,在工作中经常用到,希望朋友们能学会。
我们先来看看效果图
接下来,让我们看看如何实现它
在方法中写一个方法
单击类别(索引){ //这里我们传入一个当前值this.categoryIndex=index},然后需要在数据中注册它。
data(){ return { categoryindex : 0,//点击当前背景变成白色索引}},将我们当前选中项目的类名设置为css中的active,并赋予它白色背景色。活动的{background: #fff}然后被绑定在html中
Li @ click=' click category(index)' : class=' { active : categoryindex==index } '!-选择当前的动态绑定类- /li嗯哼,所以我们点击选择当前改变的背景色,就完成了。
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。