picker不渲染

年度是一个时间选择器,但是点击没有显示。
将绑定为是否显示的变量show设置为true之后,就可以显示了

但是无法再次拉起,这说明这个选择器确实被渲染出来了,但是不知道如何拉起它。
考虑是不是这个就渲染一次,然后被清除掉了,又增加了一个按钮,点击以后让show变成true,发现又可以拉起来了。
换一个思路,如果将整个标签都绑定一个触摸事件,应该就可以达到点击拉起选择器的功能了,在其所在的form-item中绑定一个tap事件,当点击时让控制显示的变量为true。

点击以后发现可以正常拉起了,但是选择以后,被选择的值不能获取,发现整个组件绑的是一个布尔变量,不可能实现双向绑定。
再换一个思路,能否使用selector和input实现一个带有双向绑定功能的单列选择器呢,试过以后发现是可以的,这个问题就解决了。
Vue中解决picker选择器无法显示及双向绑定问题

本文探讨了在Vue应用中遇到的时间选择器picker无法正常显示和双向绑定的问题。通过分析和尝试,发现初始渲染问题可能是由于组件只渲染了一次。解决方案包括在表单元素上绑定tap事件来重新显示选择器,并利用selector和input组件实现双向绑定。最终成功解决了问题,使得选择器能够正确显示并获取选中值。
3万+

被折叠的 条评论
为什么被折叠?



