vux [Bug Report] 省市选择无法二次赋值

bq3bfh9z  于 2023-03-19  发布在  其他
关注(0)|答案(2)|浏览(159)

VUX version

2.9.2

OS/Browsers version

Android

Vue version

2.5.16

Code

<group label-width="5em" label-margin-right="1em">
      <selector title="类型" @on-change="changeType" :options="typeList" v-model="orderInfo.typeid" placeholder="请选择类型"></selector>
      <x-address title="地区" value-text-align="left" label-align="justify" placeholder="点击选择地区" :list="ChinaAddressData" v-model="cityArr"></x-address>
      <x-input title="详细地址" v-model="orderInfo.address" :max="50" placeholder="请填写详细地址"></x-input>
      <datetime :title="text" v-model="orderInfo.time"  format="YYYY-MM-DD HH:mm" value-text-align="left" placeholder="点击选择开标截止时间"></datetime>
      <x-input title="企业名称" v-model="orderInfo.company" :max="50" placeholder="请填写企业名称"></x-input>
      <x-input title="备注" disabled readonly></x-input>
      <x-textarea placeholder="选填" v-model="orderInfo.remarks" :max="100" :rows="5"></x-textarea>
    </group>

data() {
    return {
      orderInfo: {},
      cityArr: [],
      ChinaAddressData: ChinaAddressV4Data
    };
  },

watch: {
/**切换类型,清空数据*/
    "orderInfo.typeid": function(val, oldVal) {
      let temp = this.typeList.filter(item => item.key == val);
      this.$set(this.orderInfo, "money", temp[0].money);
      this.cityArr = [];
      delete this.orderInfo.address;
      delete this.orderInfo.time;
      delete this.orderInfo.company;
      delete this.orderInfo.remarks;
    }
  }

Steps to reproduce

一、第一次唤起时,点确定/完成,即使不滑动也可以赋值成功。
二、切换 类型 时,在watch中 将cityArr=【】。
再次 点击 组件 唤起选框
1、默认值为上一次选择的地区(如 天津-市辖区-和平区)。不会重新默认为北京-市辖区-东城区
2、不滑动 选区,直接确定,值不会显示在组件上
3、只滑动 区列 (由 和平区 滑至 南开区), 确定,组件只显示 区值(南开区),省市没了

What is Expected?

将v-model="cityArr" 置空后,组件默认为 城市数据的第一项,且不滑动也可以赋值显示成功

What is actually happening?

组件不显示所选内容

mf98qq94

mf98qq941#

楼主。解决了这种了没有。我现在日期选择也是同样的状况

zbsbpyhn

zbsbpyhn2#

楼主解决了没有,我清空之后再选择同样的就选不了了,只能滑动选择憋的

相关问题