elcheckbox获取key值和value
时间: 2023-10-02 20:13:59 浏览: 61
el-checkbox 是 Element UI 框架中的一个组件,它有一个属性叫做 v-model,可以用来绑定选中状态。当 el-checkbox 被选中时,v-model 绑定的值会变为 true,否则为 false。
如果你想获取 el-checkbox 的 key 值和 value,可以通过以下方式实现:
1. 获取 key 值:
el-checkbox 组件有一个属性叫做 label,它可以用来绑定每个 el-checkbox 的唯一标识符,你可以通过访问这个属性来获取 key 值。例如:
```html
<el-checkbox v-model="checked" label="key1">选项1</el-checkbox>
```
在这个例子中,key 值为 "key1"。
2. 获取 value:
el-checkbox 组件没有直接提供 value 属性,但是你可以在绑定 v-model 的变量中存储 value 值。例如:
```html
<el-checkbox v-model="checkedList" :label="item.key" :value="item.value" v-for="item in options">{{ item.label }}</el-checkbox>
```
在这个例子中,options 是一个数组,数组中的每个元素代表一个选项,包含 label、key 和 value 三个属性。v-model 绑定的变量 checkedList 是一个数组,用来存储选中的选项的 value 值。通过这种方式,你可以在 checkedList 数组中获取到每个选项的 value 值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)