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

如下图所示,vue多选checkbox选中之后如何改变样式?(不使用element ui的情况下)
图片描述

回答:

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

回答:

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

css就可以实现

回答:

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

大概就这么个意思

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注