【微信小程序】d出层穿透问题的解决方案

【微信小程序】d出层穿透问题的解决方案,第1张

目前小程序d出层穿透有两种问题:

第一种:小程序d出层不滚动的时候,往上下拉时会连页面一起拉动,这个用户体验性很差的。

解决方案:在wxml中,增加catchtouchmove=true,就ok了~

第二种:小程序d出层滚动的时候,加catchtouchmove没效果

解决方案:利用scroll-view和page的overflow:hidden组合使用

d出层的时候,isShowPicker为false,就是禁止scroll-view滚动。关闭d出层,isShowPicker为true,就能正常滚动。

一创建并使用组件的步骤

1创建一个文件夹存放组件,并在里面创建一个组件文件夹,components,tabs

2在tabs文件里添加组件模板

3引用组件,在父组件的json文件中的usingComponents中添加子组件路径,compont

4使用组件,相当于正常标签进行使用

二父组件向子组件传参的步骤

父组件给子组件的tabs传入对象

1父组件的数据

2子组件做的 *** 作

如果没有传入数据,就会输出默认值value

3子组件展示对象数据:

三子组件向父组件传参的步骤

1先给子组件添加一个点击事件

2通过thistriggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改

3父组件绑定子组件,定义一个事件名称,用来接收子组件传递的数据

日常记录学习~~

参数参考官方文档: >

以上就是关于【微信小程序】d出层穿透问题的解决方案全部的内容,包括:【微信小程序】d出层穿透问题的解决方案、微信小程序之组件、小程序--组件--视图容器等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9284210.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存