el如何获取复选框的值_ElementUI中el-checkbox-group多选框组的使用，怎样设置一组选项与获取所选值...

场景

最终实现的效果

checkbox-group元素能把多个 checkbox 管理为一组，只需要在 Group 中使用v-model绑定Array类型的变量即可。

el-checkbox 的 label属性是该 checkbox 对应的值，若该标签中无内容，则该属性也充当 checkbox 按钮后的介绍。

label与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。

官方示例代码

data () {return{

checkList: ['选中且禁用','复选框 A']

};

}

};

注：

实现

添加一个el-check-group

{ {date.label}}

怎样设置其选项有哪些

通过v-if循环一个对象数组dates,label绑定的是这个选项的值，即实际传递的值，实际显示的值通过{ {date.label}}来显示。

对这个对象数组进行赋值

data() {return{

dates: dateOptions,

这里将其设置为固定值，可以设置为请求后台数据并将对象的list赋值给dates,这里是将一个对象数组常量赋值给dates

const dat