关于#vue.js#的问题:点击一个盒子六个盒子都出现左上角的对勾,需求是点一个盒子对应一个盒子出现左上角的对勾

关于#vue.js#的问题:点击一个盒子六个盒子都出现左上角的对勾,需求是点一个盒子对应一个盒子出现左上角的对勾

img

img

img

因为你现在所有的盒子都是用同一个state去决定的,你可以在list每一个对象里面增加一个state,默认是false,然后在v-for的地方,动态类的地方改成item.state == true,并且你的click方法需要把当前的item传进去,然后改变state。

回答:你这里用了state,应该六个盒子有自己的state,放在里面,然后自己选择,当然,你也可以设定一个数量,保证最多能选几个

你看看这个是你要的效果吗?

const fun = (e: any) => { if (e.Image !== true){ e.Image = true }else{ e.Image =false }
  console.log(e.Image, "item---------");
};

img

img