uniapp——thorUI的tui-datetime(picker等)在多个抽屉/弹窗中,会默认展示在页面中或者点击一次展示在页面中,第二次才会显示模态框,而且关不掉了的问题解决办法


解决办法,zindex跟不上,用view设定zindex给他带上来,然后用v-show控制显隐
我在24年1月17号发现,tui-picker用这种方式搞,如果子组件很长是可区域滚动的,会出现倒数第二张图片的情况,不同的是可以关闭。
那么这种方式好像都会导致这样
遮罩层和tui-picker只挡住了可视范围内的

uniapp——thorUI的tui-datetime(picker等)在多个抽屉/弹窗中,会默认展示在页面中或者点击一次展示在页面中,第二次才会显示模态框,而且关不掉了的问题解决办法_第1张图片


出现这种情况,直接干一个,要多大调调height就完事了

假如你只有这一句

显示的时候:

uniapp——thorUI的tui-datetime(picker等)在多个抽屉/弹窗中,会默认展示在页面中或者点击一次展示在页面中,第二次才会显示模态框,而且关不掉了的问题解决办法_第2张图片

你会发现log的值会先为undifind ,然后你的抽屉变成这样:

uniapp——thorUI的tui-datetime(picker等)在多个抽屉/弹窗中,会默认展示在页面中或者点击一次展示在页面中,第二次才会显示模态框,而且关不掉了的问题解决办法_第3张图片

再点击一次就正常使用了
uniapp——thorUI的tui-datetime(picker等)在多个抽屉/弹窗中,会默认展示在页面中或者点击一次展示在页面中,第二次才会显示模态框,而且关不掉了的问题解决办法_第4张图片

然后上上张图就关不掉了

原因就是猜测zindex不够,获取不到,所以会直接渲染上来,然后才能正常使用
一开始是给他定zindex,发现它开始还是会这样
所以用个view再设定zindex给他带上来

你可能感兴趣的:(uni-app)