HTML:
<u-form :model="form" ref="uForm">
<u-form-item label="所在地区" label-width="125upx" class="u-p-l-30 u-p-r-30">
<u-input v-model="form.region" class="u-m-l-40" type="select" placeholder="请选择地区" @click="pickerShow = true"></u-input>
<u-picker mode="region" @confirm="regionConfirm" v-model="pickerShow" :area-code='["13", "1303", "130304"]'></u-picker>
</u-form-item>
</u-form>
脚本:
<script>
export default {
data() {
return {
form: {
region: ''
},
pickerShow: false
};
},
methods: {
// 选择地区回调
regionConfirm(e) {
this.form.region = e.province.label + '-' + e.city.label + '-' + e.area.label;
},
},
onReady() {
}
}
</script>