javascript - vuejs中实现列表单选(样式改变)
本文介绍了javascript - vuejs中实现列表单选(样式改变)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
初始选中第一个
但现在选中另一个其他被选中的不取消选中样式
代码如下
请问是哪里出了问题,我的理解是改变了clickindex后界面重新渲染,然后其它cell的index和clickindex不等则会赋予正常的样式,但好像并不是这样
解决方案
这个 clickindex
和 this.index
都是在列表项的组件上的吧?所以导致的问题。
应该把clickindex
保存在列表那个组件上,然后通过props传进列表项中。而点击事件则应冒泡到列表组件中,然后让列表组件修改clickindex
。
这篇关于javascript - vuejs中实现列表单选(样式改变)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文