项目中使用iview的Cascader 级联选择报错
控件地址:https://www.iviewui.com/components/cascader
在官网有这么一句话:
级联选择对数据有较严格要求,请参照示例的格式使用data,每项数据至少包含 value、label 两项,子集为 children,以此类推。
官网的一个实例
<template>
<Cascader :data="data" v-model="value1"></Cascader>
</template>
<script>
export default {
data () {
return {
value1: [],
data: [{
value: 'beijing',
label: '北京',
children: [
{
value: 'gugong',
label: '故宫'
},
{
value: 'tiantan',
label: '天坛'
},
{
value: 'wangfujing',
label: '王府井'
}
]
}, {
value: 'jiangsu',
label: '江苏',
children: [
{
value: 'nanjing',
label: '南京',
children: [
{
value: 'fuzimiao',
label: '夫子庙',
}
]
},
{
value: 'suzhou',
label: '苏州',
children: [
{
value: 'zhuozhengyuan',
label: '拙政园',
},
{
value: 'shizilin',
label: '狮子林',
}
]
}
],
}]
}
}
}
</script>
我的问题在于出现了"children": null
,将数据中"children": null
的删除就可以了