使用iview的Cascader 级联选择报错：Error in callback for watcher "data": "TypeError: Cannot read property

项目中使用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