iview级联选择组件报错问题
发现后台返回的数据中没有子选项的情况下,children: null,如果让为空的情况下改为空数组就解决啦!
首先满足官方要求:
级联选择对数据有较严格要求,请参照示例的格式使用data,每项数据至少包含 value、label 两项,子集为 children,以此类推。
value 为当前选择的数据的 value 值的数组,比如 [‘beijing’, ‘gugong’] ,按照级联顺序依次排序,使用 v-model 进行双向绑定。
切记,一旦没有子集的不能写null或undefined,一定要写children: [],当然如果可以选择不写children当然更好,那就不会有这种问题,就跟官网demo一致了。😉
children: []
另外需要同时获取label的话
on-change事件2个参数(value,selectedData ),其中selectedData 为已选项的具体数据,包含选项所有信息,可任意提取
handleChange(value,selectedData ){
console.log(value)
console.log(selectedData )
}