uViewプラグインのFromフォームで領域を選択する方法を使用します

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>

おすすめ

転載: blog.csdn.net/lolhuxiaotian/article/details/123205651