vue通过单选框状态改变按钮style样式颜色

<el-checkbox v-model="checked">备选项</el-checkbox><div:style="{'background-color': (checked ? '#E5E5E5':'#ffcb00')}">1254545</div>**在data定义状态**checked:false...

风吹头皮凉

3081人浏览 · 2020-04-23 00:07:08

风吹头皮凉 · 2020-04-23 00:07:08 发布

<el-checkbox v-model="checked">备选项</el-checkbox>
<div  
:style="{'background-color': (checked ? '#E5E5E5':'#ffcb00')}">1254545</div>
**在data定义状态**
checked:false

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}$/, //不连续的两位字母// /^