场景
最终实现的效果
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