el-checkbox-group 中 el-checkbox 在点击后返回的是什么参数 怎么查找
时间: 2024-01-09 19:22:41 浏览: 142
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 值的数组。
阅读全文