这只是一个简单的演示,模拟了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实现动态列表中的每一行来改变颜色的方法是边肖与大家分享的所有内容。希望能给大家一个参考,多支持我们。