vue中el-card实现选中效果改变css

实现选中选中效果@click.native="selectClick(index)":class="{active:selectIndex==index}"data：中//体现选中效果selectIndex:-1css.active{background-color:#ffffff!important;border:1pxsolid#409EFF;}...

Smile_Joe

3958人浏览 · 2021-04-24 23:55:28

Smile_Joe · 2021-04-24 23:55:28 发布

实现选中选中效果

@click.native="selectClick(index)"

:class="{active:selectIndex==index}"

data：中

// 体现选中效果

selectIndex: -1

css

.active {

background-color:#ffffff!important;

border: 1px solid #409EFF;

}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^