v-distpicker重置的问题

最近在做公司的一个项目,里面用到了地址选择,所以引入了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 的值绑定并不是双向数据绑定


版权声明:本文为weixin_44932450原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。