最近在做公司的一个项目,里面用到了地址选择,所以引入了v-distpicker,但是在使用的时候遇到了一些问题,点击重置按钮的时候省市区的值不会被清空
<v-distpicker
v-model="address"
@selected="selected"
:province="form.province"
:city="form.city"
:area="form.county"
@province="onChangeProvince"
@city="onChangeCity"
@area="onChangeArea"
>
</v-distpicker>
onChangeProvince(data) {
this.form.province = data.value;
},
onChangeCity(data) {
this.form.city = data.value;
},
onChangeArea(data) {
this.form.county = data.value;
},
// 省市区三级联动
selected(data) {
this.form.province = data.province.value;
this.form.city = data.city.value;
this.form.county = data.area.value;
},
// 重置
resetSearch() {
this.form = {
province: "",
city: "",
county: "",
};
this.address = "";
},
*重点 :province="form.province" :city="form.city" :area="form.county" @province="onChangeProvince" @city="onChangeCity" @area="onChangeArea" 一定要加上这几个方法,发现只有把 v-distpicker的几个事件改变方法写全并把选择的数据赋值到data,才可以实现只有“省”或者“省-市”选择时候的清空操作。所以猜测 v-distpicker 的值绑定并不是双向数据绑定