猿问

vuejs中实现列表单选(样式改变)

初始选中第一个

但现在选中另一个其他被选中的不取消选中样式
https://img1.mukewang.com/5c185abd0001c0bf03450162.jpg

代码如下
https://img2.mukewang.com/5c185ac700011aa007130458.jpg

请问是哪里出了问题,我的理解是改变了clickindex后界面重新渲染,然后其它cell的index和clickindex不等则会赋予正常的样式,但好像并不是这样


皈依舞
浏览 1520回答 1
1回答

德玛西亚99

这个 clickindex 和 this.index 都是在列表项的组件上的吧?所以导致的问题。应该把clickindex保存在列表那个组件上,然后通过props传进列表项中。而点击事件则应冒泡到列表组件中,然后让列表组件修改clickindex。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答