vue多选checkbox选中之后如何改变样式

Question

如下图所示，vue多选checkbox选中之后如何改变样式？（不使用element ui的情况下）

Answer 1

给checkbox加上点击事件哇，点击的时候改变改元素的class 。class可以通过绑定数据的方式赋值

Answer 2

input[type="checkbox"]:checked{
    // 样式
}

css就可以实现

Answer 3

用div就好

<div :class="{selected:key.checked}" v-for="key,index in data" @click="select(key)">
select(){
    if (!key.isChecked) {
      this.$set(key, 'isChecked', true);
      return;
    }
     key.isChecked = !key.isChecked
}

大概就这么个意思

Answer 4

就像楼上所说的，使用 v-bind:class 或 v-bind:style 来实现样式的变化即可。