vue多選checkbox選中之后如何改變樣式

就像樓上所說的，使用 v-bind:class 或 v-bind:style 來實現(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
}

大概就這么個意思

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

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

css就可以實現(xiàn)