宝哥软件园

vue通过点击动态列表中的每一行来实现变色的方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

这只是一个简单的演示,模拟了v-for-v-on-bind的实践

代码思路:

遍历数据中的数据v-for

将点击事件添加到li

如何通过绑定类样式来控制样式的显示

True false由类控件v : bindi : class={ class : index==variable }下标和类变量控制。

代码:

arr ' v-bind : class=' { BG : index==is active } '中的div id='app' ulli v-for='(item,index)' @ click=' fn(index)' { { item } }/Li/ul/divscriptvar VM=new Vue({ El : ' # app ',//el元素获取容器vue data: {isactive :0,arr: ['health care ','this.isactive=index} } } })/脚本通过点击上面vue实现动态列表中的每一行来改变颜色的方法是边肖与大家分享的所有内容。希望能给大家一个参考,多支持我们。

更多资讯
游戏推荐
更多+