uniapp踩坑

技术栈 uniapp+uview
不定期更新uniapp中遇到的问题

2022.5.21
描述:uniapp打包小程序样式穿透不生效 ,/deep/ >>>选择器在小程序中不生效,app和h5正常
解决方案:1.将源文件拷贝一份修改源文件
2.文档描述可以添加属性,但是好像没有生效,同时/deep/选择器同样无效

image.png

2023.3.14补充:
重新查看uview文档发现:
image.png

测试结果:
1.微信小程序中可以给父类添加class再使用样式穿透
2.支付宝小程序中可以直接使用/deep/样式穿透

2022.5.22
描述:uniapp 条件编译在css中无效


image.png

解决方案:style标签中添加 lang=“scss”,注意必须是"",不能是’‘


image.png

2022.6.6
描述:uniapp中,this.emit中的update:方法修改父组件值不生效
父组件


image.png

子组件


image.png

解决方案:替换为uni.$emit方法,或者用bus方法代替,需要在父组件定义方法,可以使用mixin混入公共方法,离开时需要移除监听
父组件:
image.png

image.png

子组件:


image.png

2022.7.8
描述:uniapp 使用原生插件不生效
解决方案:需要使用自定义基座,在自定义基座运行,使用云插件时,需要在插件市场购买之后绑定应用,注意包名必须相同。


image.png

2022.7.8
描述:nvue中color样式不生效
解决方案:设置在text标签中

2022.7.8
nvue使用组件一定要设置高度,不然有时候会报错无法找到组件。

2022.7.8
uniapp安卓打包无法开启定位权限。
使用公共测试证书无法获取定位权限,但是使用自有证书或者云端证书就可以获取,原因未知。

2023.3.6
描述:编译支付宝小程序时,使用image标签设置图片宽高之后图片只显示一部分(微信小程序中不存在该问题)
解决方案:设置background:cover;


image.png

2023.3.14
编译支付宝小程序中,template代码中绑定data数据时使用this会无法正常显示数据(h5中可以正常显示)


image.png

2023.3.14
uview form组件文档描述在vue页面中使用u--form和u-form标签皆可,使用中h5中正常,支付宝小程序中使用u--form会导致样式出错,并且部分属性失效。改成u-form之后正常,input之类的组件同理。


image.png

2023.3.14
uview input组件中设置u-input type=“number",在支付宝小程序ide中可以输入英文字符,测试中真机调试只会拉起数字键盘,应该是正常的。(h5中只能输入数字)


image.png

2023.3.15补充:
input中设置type=‘number',支付宝小程序中需同时设置maxlength且不能为-1,不然data的数据不会随着template变化,具体原因未知

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容