antd多选框动态新增初始化有空选择项,问题如下图:
打印动态新增初始化加载的内容,看多选框的值为“”空字符串,看来对空字符串会渲染出一个空选择项出来,想想多选应该会有多个值,那初始化应该需要给赋值数组类型
//原代码
newRowTime () {
let that = this;
let uuid = Math.round(new Date().getTime()).toString();
this.dataTime.push({
key: uuid,
date: "", //控制台飘红——vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: custom validator check failed for prop "value".
//此处为 <a-range-picker>日期区间选择组件,也需要初始化赋值数组类型
time: "",
loop: "",//此处的空字符串导致初始化多选框出现有空选择项问题
switch: ""
})
},
//修改后的代码
newRowTime () {
let that = this;
let uuid = Math.round(new Date().getTime()).toString();
this.dataTime.push({
key: uuid,
date: [],
time: "",
loop: [],
switch: ""
})
},
修改后,问题解决
哈哈哈,问题很低级,看到的朋友不要喷我哈,继续保持热情加油搬砖!