就像樓上所說(shuō)的，使用 v-bind:class 或 v-bind:style 來(lái)實(shí)現(xiàn)樣式的變化即可。

用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
}

大概就這么個(gè)意思

給checkbox加上點(diǎn)擊事件哇，點(diǎn)擊的時(shí)候改變改元素的class 。class可以通過(guò)綁定數(shù)據(jù)的方式賦值

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

css就可以實(shí)現(xiàn)