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?
组件不显示所选内容
2条答案
按热度按时间mf98qq941#
楼主。解决了这种了没有。我现在日期选择也是同样的状况
zbsbpyhn2#
楼主解决了没有,我清空之后再选择同样的就选不了了,只能滑动选择憋的