vue实现选中效果

选中效果用原生显得有点复杂,但是用vue就简单了,好了,下面是我写的一个小demo。

html片段


js片段


此代码会实现如下效果

1.原始数据


2.点击其中一个,某一个就会动态添加到数组中

3.点击其中n个,某n个就会动态添加到数组中


4.再点击数组里已经有的数据 就会相应从数组删除

    


下面就稍微加一点点,让点击的数据变个颜色

html片段


js片段


css片段


点击也会出现和上面的效果 我就不一一标注贴图了


好了,就说这么多。

你可能感兴趣的:(vue实现选中效果)