阅读量:2
使用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>