vue3+uniapp开发小程序踩坑指南(持续更新)

这篇具有很好参考价值的文章主要介绍了vue3+uniapp开发小程序踩坑指南(持续更新)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

小程序常见问题汇总:

1、TypeError: Cannot read property 'forceUpdate' of undefined

vue3+uniapp开发小程序踩坑指南(持续更新)

原因:没有配置小程序AppID 

2、define is not defined

报错一堆文件找不到,并且有define is not defined错误提示

原因:没有配置基础库或者基础库版本过高

vue3+uniapp开发小程序踩坑指南(持续更新)

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下面取

vue3+uniapp开发小程序踩坑指南(持续更新)

8、Unexpected '/'. Escaping special characters with \ may help.

scss文件中,不能用// 注释,将所有注释用/* */注释文章来源地址https://www.toymoban.com/news/detail-473796.html

到了这里,关于vue3+uniapp开发小程序踩坑指南(持续更新)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue3 + TypeScript + Uniapp 开发小程序【医疗小程序完整案例·一篇文章精通系列】

    当今的移动应用市场已经成为了一个日趋竞争激烈的领域,而开发一个既能在多个平台上运行,又能够高效、可维护的应用则成为了一个急需解决的问题。 在这个领域中,Vue3 + TypeScript + Uniapp 的组合已经成为了一种受欢迎的选择,特别是在开发小程序方面。Vue3 作为一个现代

    2024年02月09日
    浏览(34)
  • 最好的Vue组件库之Vuetify的入坑指南(持续更新中)

    目录      安装Vuetify      文档结构         快速入门         特性         样式和动画          首先先声明,个人不是什么很牛逼的大佬,只是想向那些想入坑Vuetify的前端新手或者嫌文档太长不知如何入手的人提供一些浅显的建议而已,能让你们稍微少走一些弯

    2024年01月23日
    浏览(26)
  • uniapp导入echarts类库 开发图表类小程序vue3+ts+vite

    微信小程序和抖音小程序等都支持: 使用步骤如下 第一步:下载插件包 下载echarts插件包,并导入到项目中,然后使用插件中的组件创建容器,并导入数据就可以了。 echarts插件包地址:echarts - DCloud 插件市场 如果你是使用hbuilder写的,可以直接导入,如果你是vscode写的,就

    2024年01月21日
    浏览(37)
  • 【uniapp】将微信小程序的代码兼容支付宝小程序(持续更新)

    目前本身就有一套完善的微信小程序(兼容h5)的代码,现在的需求是将它编译成支付宝小程序,做好兼容的处理,以便后续接入支付宝服务商,在这里简单记录一下目前发现的把微信小程序编译成支付宝小程序的问题和解决方案。 建议配合其他人的记录一起看,这里只是我

    2024年02月09日
    浏览(109)
  • uniapp微信小程序 生成小程序码scene参数踩坑全指南@杨章隐

    微信生成二维码官方文档地址:获取小程序码 | 微信开放文档 (qq.com) 这里采用的是 获取不限制的小程序码 注意事项 如果调用成功,会直接返回图片二进制内容,如果请求失败,会返回 JSON 格式的数据。 POST 参数需要转成 JSON 字符串,不支持 form 表单提交。 调用分钟频率受

    2024年02月06日
    浏览(40)
  • uniapp使用vue3和ts开发小程序自定义tab栏,实现自定义凸出tabbar效果

    要实现自定义的tabbar效果,可以使用自定义tab覆盖主tab来实现,当程序启动或者从后台显示在前台时隐藏自带的tab来实现。自定义一个tab组件,然后在里面实现自定义的逻辑。 组件中所使用的组件api可以看:Tabbar 底部导航栏 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-

    2024年02月04日
    浏览(32)
  • sentinel踩坑记录——持续更新ing

    自定义被限流的后续操作@SentinelResource(blockHandler = \\\"blockHandler\\\"),其中blockHandler处理函数不执行 前置条件  定义好资源和流控规则之后,如果每秒访问超过2个请求,那么就会触发流控,从而应该执行 blockHandler(int a, BlockException e) 方法,但是实际情况是即使触发了流控规则依然

    2024年02月05日
    浏览(37)
  • 深度学习踩坑经验沉淀【持续更新】

    在深度学习炼丹过程中,总会遇到各种奇怪问题,这个时候总会在csdn和知乎平台找到答案,那每次遇到的问题是解决了,但没有记录起来,确实太可惜,因为未来某个时间或者某个人会遇到类似问题,所以在这片文章专项整理,pytorch、python、conda、pip等问题,希望能给大家更

    2024年02月05日
    浏览(40)
  • 【持续更新】C/C++ 踩坑记录(一)

    下面这段代码中 is_valid() 解引用了空指针 str ,我们的直觉是编译运行后将迎来 SIGSEGV,然而事情并非所期望的那样。 结合 GCC 发出的警告,不难推断出条件表达式 *str == 0x80 在编译期被求值且相应的 if 语句被优化掉了,而且这是在 O0 的优化等级下。以下的反汇编结果验证了

    2024年02月16日
    浏览(43)
  • uniapp+vue3+ts+vite+echarts开发图表类小程序,将echarts导入项目使用的详细步骤,耗时一天终于弄好了

    想在uniapp和vue3环境中使用echarts是一件相当前卫的事情,官方适配的还不是很好,echarts的使用插件写的是有些不太清晰的,这里我花费了一天的时间,终于将这个使用步骤搞清楚了,并且建了一个仓库,大家可以直接clone下来使用。先看一下pc端和小程序端的效果: 微信小程

    2024年02月05日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包