vue2 动态控制 input 标签的 checkbox 选项
时间: 2024-01-17 10:04:07 浏览: 135
Vue-input框checkbox强制刷新问题
可以通过 v-model 绑定一个 Boolean 类型的变量来实现动态控制 input 标签的 checkbox 选项。具体的做法如下:
1. 在 data 中定义一个 Boolean 类型的变量,例如 isChecked,初始值为 false。
2. 在 input 标签中使用 v-bind 绑定 isChecked 变量到 checkbox 的 checked 属性上,同时使用 v-on 绑定 change 事件到一个方法上,例如 handleCheck。
```
<input type="checkbox" v-model="isChecked" v-on:change="handleCheck">
```
3. 在 handleCheck 方法中,可以根据 isChecked 的值来动态控制 checkbox 的选中状态。
```
methods: {
handleCheck: function () {
if (this.isChecked) {
// 当 isChecked 为 true 时,执行相应的逻辑
} else {
// 当 isChecked 为 false 时,执行相应的逻辑
}
}
}
```
阅读全文