elementui 多选框的使用
程序员文章站
2022-07-13 23:05:15
...
elementui 多选框的使用
checkbox-group
元素能把多个 checkbox 管理为一组,只需要在 Group 中使用v-model
绑定Array
类型的变量即可。el-checkbox
的label
属性是该 checkbox 对应的值,若该标签中无内容,则该属性也充当 checkbox 按钮后的介绍。label
与数组中的元素值相对应,如果存在指定的值则为选中状态,否则为不选中。
html
<!-- v-model绑定的数组代表已经选择的选项 选择之后会把label中的值存入 v-model绑定的数组中 -->
<el-checkbox-group v-model="roleIds">
<el-checkbox v-for="item in list" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox>
</el-checkbox-group>
数据项
data() {
return {
roleIds: [],
list: []
}
},
上一篇: HTML多选框,全选,多选
下一篇: 使用多选框的时的查漏补缺
推荐阅读
-
premiere cc怎么实现多机位监视器? premiere监视器的使用方法
-
基于elementUI使用v-model实现经纬度输入的vue组件
-
多列复合索引的使用 绕过微软sql server的一个缺陷
-
elementUI Tree 树形控件的官方使用文档
-
elementUI多选框反选的实现代码
-
九宫图比较常用的多控件布局(GridView)使用介绍
-
Android RadioButton单选框的使用方法
-
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
-
CentOs 7.3中搭建RabbitMQ 3.6单机多实例服务的步骤与使用
-
Spring Cloud如何使用Feign构造多参数的请求