vue多选改变选中样式并获取id值

一个本来觉得很简单的问题,但也是折腾了好一会,以此记录下来。
结果:根据渲染的结果实现点击更改样式,并获取选中的id

  • {{ item.label }}

动态给数组添加状态值,点击改变选中状态,并获取id值
这里需要注意的是,千万不要直接更改data数据,而是使用vue.set,我就是这里卡了好久。


贴一下完整代码




    
    Title
    
    


  • {{ item.label }}

希望能给大家带来帮助,感谢!

你可能感兴趣的:(vue)