关于vue基础的问题

img


当其中一条选中了这个勾选框后,跟整个列表添加一个背景颜色,取消勾选,背景颜色消失,两个列表互不影响,怎么做,急!!

这里不好表述啊

这个数据是个list集合,给每一条数据加一个字段,比如isActive: false

//增加字段
list.forEach((item) => {
        this.$set(item, 'isActive', false)
})

选中的时候增加方法把这条数据的isActive值改为true
给每行增加

:style="xxx.isActive ? 'background: red' : ''"

最后有个建议贴代码是把你写的代码贴出来 不要贴数据

给 checkbox 加个change事件 。change 传一个 id 然后 给 数据里 加个 属性 。这个属性控制 样式 。判断 传过来的id 和数据里的一致 改变其属性为true ,否则都为false