el-checkbox单选能绑定数字么
时间: 2023-11-08 08:51:17 浏览: 133
vue实现单选和多选功能
5星 · 资源好评率100%
可以使用`v-model`指令将`el-checkbox`绑定到一个数字变量上,实现单选的效果。在`v-model`中,将数字变量绑定到`el-checkbox`的`checked`属性上。例如:
```html
<template>
<div>
<el-checkbox v-model="selected" :label="1">选项1</el-checkbox>
<el-checkbox v-model="selected" :label="2">选项2</el-checkbox>
<el-checkbox v-model="selected" :label="3">选项3</el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
selected: 1, // 初始选中的值
};
},
};
</script>
```
在上述代码中,`selected`变量绑定了`el-checkbox`的状态,当选中某个选项时,`selected`的值会更新为对应的数字。
阅读全文