vue+mintUI中picker的总结

总结:这里的原因应该是触发change事件中执行了给第二列赋值的函数,是在函数中用

voucherType[1].values=xxx进行赋值,一开始以为是这样赋值的原因,后来改为this.$refs.xxx.setSoltValues=xxx进行赋值,数据不会覆盖了,change事件中的值和实际选中的值是一一对应的,然后第一列的数据在初始化的时候默认选中第一个,第二列的展示的数据,根据监视第一列当前值的发生改变从而进行重新赋值,

第二列数据添加不上选中样式,picker中的change事件,初始化会执行三次,这是因为mintUI版本是2.2.13的问题,2.2.9不会有这个问你,但是回退之后别的不好用,所以没有回退版本

解决方法:这里在监视第一列发生数据改变之后,在结构渲染完之后再进行对第二列数据的赋值,用了vue本身的一个方法,

this.$nextTick(()=>{

//在这里赋值

})

之前自定义的函数赋值方法在函数中对第二列进行赋值,目前是返回筛选的数据,也就是函数有返回值,拿到返回值在进行赋值,这样不会因为函数执行顺序的原因导致赋值时机,在change事件中不对第二列进行赋值,这样就不会导致重复赋值进行覆盖的情况

猜你喜欢

转载自blog.csdn.net/WwangXue/article/details/84791037