name: '长沙市',
parentCode: 430000
},
{
code: 430101,
name: '市辖区',
parentCode: 430100
},
{
code: 430102,
name: '芙蓉区',
parentCode: 430100
},
{
code: 430103,
name: '天心区',
parentCode: 430100
},
{
code: 430104,
name: '岳麓区',
parentCode: 430100
}]
特点：数据格式是个平面表，每一条数据中都带有与之相对应的上下级关系。当我们查看某个数据的上下级时，都需要重新去遍历一遍数据。
如何在组件中使用
<div class="hello">
<form-organization :organization="organization" v-model="seleted"></form-organization>
</div><script>
import FormOrganization from '@/components/FormOrganization'
export default {
name: 'hello',
data () {
return {
seleted: [],
organization: [{
value: 'beijing',
label: '北京'
}, {
value: 'shanghai',
label: '上海'
}, {
value: 'shenzhen',
label: '深圳'
}, {
value: 'hangzhou',
label: '杭州'
}, {
value: 'zhengzhou',
label: '郑州'
}, {
value: 'guangzhou',
label: '广州'
}, {
value: 'xiamen',
label: '厦门'
}] }
},
components: {
FormOrganization
}
}
</script>
API
| props | type | description |
|---|---|---|
| origanization | Array | 级联数据源，格式必须按照第一种数据中的格式显示 |
| value | Array | 选中中或默认值,可以直接用v-model语法糖，具体可以查看例子 |
