uniapp开发中遇到的一些问题,杂谈
1.一些低版本手机(至少包含安卓7以下)不支持flex的gap属性,但又希望item依次排列,又不想用inline-block的话可以使用容器flex然后给item加margin的方式:


2.如果uts插件报错,可以排查是否是uts插件间冲突,报哪个的错,就延迟加载哪个,比如下图就是插件市场uni-registerRequestPermissionTips:id:16960和插件sn-uts-svg,id:14948报空指针错误:将<sn-uts-svg>元素加个v-if,然后setTimeout延迟加载就可以了。

3.uni-registerRequestPermissionTips权限监听插件在uniapp x可以在onExit()中取消注册,但在uniapp中无该事件,这里提供一种思路:在首页onbackpress里取消监听。ps:这个插件在uniapp使用建议放在首页中开启监听,而不是App.vue;
onBackPress(() => {
backButtonPress++;
if (backButtonPress > 1) {
unregisterRequestPermissionTipsListener(null);
plus.runtime.quit();
} else {
uni.showToast({
title: '再按一次退出应用',
position: 'bottom'
})
}
if (backTimer) {
clearTimeout(backTimer);
}
backTimer = setTimeout(() => {
backButtonPress = 0;
}, 2000);
return true;
})
4.瀑布流布局(vue3)该插件实测可用:插件市场-瀑布流 ,但要注意注释template标签,所有端都要注释,非仅H5端,详情见:https://ask.dcloud.net.cn/question/206777
另外,有几个插件问题需要说明:

5.如果报以下错误,可以看看是不是哪个注释没有打上//

6.Cannot destructure property 'firstElementChild' of 'rootRef.value' as it is null,原因是onShow里请求了数据,并且该数据直接或间接的绑定在了当前页面或者组件的image标签上,并且该image的mode属性为widthFix或者heightFix,就会报错
解决办法,去掉image标签的mode属性,改用class控制样式,或者改为其他mode属性
欢迎在评论区留下各种问题的解决办法!
持续更新中~
更多推荐



所有评论(0)