使用uview
的Select 列选择器
选择器完成国家,省市区,4级联动
要求后台数据格式:
list: [{label: '中国',value: '1',children: [{label: '河南省',value: '2',children: [{label: '郑州市',value: '3',children: [{label: '中原区',value: '4'},{label: '郑东新区',value: '4'}]},{label: '洛阳市',value: '3'},{label: '开封市',value: '3'}]}]},{label: '美国',value: '1',children: [{label: '纽约',value: '2',children: [{label: '皇后街道',value: '3',children: [{label: '皇后区1',value: '4'},{label: '皇后区2',value: '4'}]}]}]}
],
<u-select @click="show = true" :default-value="defaultValue" :mode="mode" v-model="show" :list="list" @confirm="confirm" @cancel="cancel"></u-select>