省市区三级联动"/>
vant 省市区三级联动
需求:每次当前选中的id值拿去请求下一个接口
html部分
<van-fieldreadonlyclickablename="picker":value="value"label="地区选择:"placeholder="点击选择省市区"@click="region"class="nav"/><van-popup v-model="showPicker" position="bottom"><van-pickertitle="省"show-toolbar:columns="columns"@confirm="onConfirm"@cancel="showPicker=false"@change="onChange"/></van-popup><van-popup v-model="showcity" position="bottom"><van-pickertitle="市"show-toolbar:columns="city"@confirm="oncity"@cancel="showcity=false"@change="cityChange"/></van-popup><van-popup v-model="showcounty" position="bottom"><van-pickertitle="县"show-toolbar:columns="county"@confirm="oncounty"@cancel="showcounty=false"@change="countychange"/></van-popup>
data数据
//地区数据showPicker: false,value: "", //页面值columns: ["请选择"], //属性配置选项数据province_list: {}, //省provinceid: ""
更多推荐
vant 省市区三级联动
发布评论