Vue雪碧图点击替换状态的问题

嗯...首先先看一下雪碧图的图片

大体的布局就是这样子。

给雪碧图v-bind绑定了一个三目运算符的判断，然后title对象里面的每一个数组都包含一个show的字段，如果为真，就选中，否则取消选中

这是title里的数据

然后就是当点击的时候，就是执行methods里面的select的事件，拿到了当前的下标index和当前的元素item，然后从title对象里去遍历，判断如果当前点击的这个元素的show的值不等于title下标为index   show的值，就取消选中，否则就选中当前的。

如果分析有错，欢迎各位读者，评论指出，谢谢。