tuniaoTech/tuniaoui-rc-vue3-uniapp

Picker 组件的值更新

Opened this issue · 5 comments

zhzwz commented
<TnPicker v-model:open="showPicker" v-model="modelValue" :data="options" />

写一个很长的 Picker 列表,然后手动用力滑一下,在滑动停止之前点击 Confirm,modelValue 的值不会更新。

zhzwz commented

在源码里我找到了能用的这三个事件 @change@confirm@update:model-value

按照上面所说的操作,在滑动停止的时候会触发 @change,但是这个时候 Picker 已经关闭了。重新打开 Picker,会看到 Picker 显示的值,和已保存的值不一样。这时候不需要任何操作,直接点击 Confirm,就可以更新为正确的值。

可以自己监听事件解决值不同步的问题,但是不太优雅。还是希望官方组件库可以优化一下。

最后。组件库很好用,感谢开发组。

这个在uniapp官方的组件中也存在该问题,TnPicker也是居于uniapp官方组件进行开发的

这个在uniapp官方的组件中也存在该问题,TnPicker也是居于uniapp官方组件进行开发的

官方组件picker-view 支持 immediate-change 属性,建议加上或者透传一下

@wywppkd 这个问题目前还是存在是吗?时间有点久远了,我忘记我是怎么解决的了。如果你需要跟踪这个问题,我可以把这个 issue 再打开。

@wywppkd 这个问题目前还是存在是吗?时间有点久远了,我忘记我是怎么解决的了。如果你需要跟踪这个问题,我可以把这个 issue 再打开。

存在,我已经通过改源码方式解决了,只是建议官方 tn-picker 能透传一个这个属性