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 的值绑定并不是双向数据绑定

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值