el-checkbox-group选择返回0: 'on'
时间: 2023-12-20 18:40:08 浏览: 31
对于el-checkbox-group组件,返回的值是一个包含中项值的数组。选的项会被表示为字符串数组中的素,而未选中的项不会出现在数组中。如果所有的项都未被选中,则返回一个空。因此,如果你希望获取选项的值,可以通过判断数组的长度来确定有选中项。如果长度为0,则表示没有选中项;数组长度大于0,则表示有选中,并且可以通过访问数组元素获取具体的选中值。
相关问题
el-checkbox-group change只能选择一个
el-checkbox-group 默认支持多选,如果你想让它只能选择一个,可以通过设置 el-checkbox-group 的属性 exclusive 来实现。将 exclusive 属性设置为 true,即可实现只能选择一个选项。示例代码如下:
```html
<el-checkbox-group v-model="checked" exclusive>
<el-checkbox label="选项1"></el-checkbox>
<el-checkbox label="选项2"></el-checkbox>
<el-checkbox label="选项3"></el-checkbox>
</el-checkbox-group>
```
在上面的代码中,我们将 exclusive 属性设置为 true,这样 el-checkbox-group 就只能选择一个选项了。同时使用 v-model 绑定 checked 变量来获取选中的选项。
el-checkbox-group 中 el-checkbox 在点击后返回的是什么参数 怎么查找
el-checkbox-group 中 el-checkbox 在点击后返回的是一个数组,数组中包含了被选中的 el-checkbox 的 value 值。要查找 el-checkbox 的点击返回参数,可以通过监听 el-checkbox-group 的 change 事件,事件回调函数的参数就是被选中的 el-checkbox 的 value 值的数组。
以下是一个示例代码:
```html
<template>
<el-checkbox-group v-model="checkedValues" @change="handleChange">
<el-checkbox label="option1">选项1</el-checkbox>
<el-checkbox label="option2">选项2</el-checkbox>
<el-checkbox label="option3">选项3</el-checkbox>
</el-checkbox-group>
</template>
<script>
export default {
data() {
return {
checkedValues: []
};
},
methods: {
handleChange(checkedValues) {
console.log(checkedValues); // 输出被选中的 el-checkbox 的 value 值的数组
}
}
};
</script>
```
在上述代码中,el-checkbox-group 使用 v-model 绑定了一个数组 checkedValues,当 el-checkbox 被选中或取消选中时,会触发 change 事件,事件回调函数 handleChange 接收一个参数 checkedValues,该参数即为被选中的 el-checkbox 的 value 值的数组。