vue3+uniapp开发小程序踩坑指南(持续更新)
uniapp +vue3 开发小程序遇到问题
·
小程序常见问题汇总:
1、TypeError: Cannot read property 'forceUpdate' of undefined
原因:没有配置小程序AppID
2、define is not defined
报错一堆文件找不到,并且有define is not defined错误提示
原因:没有配置基础库或者基础库版本过高
3、图片没设宽高,固定宽高变形
rpx(responsive pixel):可以根据屏幕宽度自适应。规定屏幕宽度为750rpx。如果iphon6上,屏幕宽度为375px,共有750个像素,则750rpx = 375培训= 750物理像素,1rpx =0.5px = 1物理像素。
有固定宽高,需要按照重新设置.
4、xxx.validate is not a function
表单验证中,内置方法不找不到.
检查对象原型链上结构,找到原因.
例如:是否应该xx.value.validate(),或者确认对象不存在?
实现对xxx做打印,找寻原因.
5、针对this找不到或内置相关方法找不到
- 利用ref,引入ref,声明对象取值
- 利用getCurrentInstance()函数,全局调用,从proxy中取得方法或者对象
6、App平台iOS端软键盘上方横条去除方案
app-vue在iOS上,webview中的软键盘弹出时,默认在软键盘上方有一个横条,显示着:上一项、下一项和完成等按钮。 如不想显示这个横条,可以配置softinputNavBar: 'none'
配置方式,在 pages.json 中某个页面或全局配置 style
"app-plus": {
"softinputNavBar": "none"
}
- 如需使用js动态设置softinputNavBar
this.$scope.$getAppWebview().setStyle({
softinputNavBar: 'none'
})
//this.$scope.$getAppWebview()相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
7、Failed to load local image xxxxxxx the server responded with a status of 500
图片路径需要从static下面取
8、Unexpected '/'. Escaping special characters with \ may help.
scss文件中,不能用// 注释,将所有注释用/* */注释
更多推荐
已为社区贡献5条内容
所有评论(0)