记录一下uni-app开发中遇到的坑

最新推荐文章于 2024-09-27 21:34:18 发布

laihaodong

最新推荐文章于 2024-09-27 21:34:18 发布

阅读量2.8k

点赞数 5

分类专栏： vue uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/laihaodong/article/details/114532167

版权

vue 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

uni-app

1 篇文章 0 订阅

订阅专栏

本文分享了uni-app开发中不能操作DOM，需依赖Vue的数据绑定方式；介绍了uni-app的适配机制，如使用upx单位进行手机端适配；提到了微信小程序打包注意事项，如背景图使用base64或网络链接，以及margin不生效的问题；并提醒在引入外部文件时的正确做法。此外，还讨论了uni-app打包后图标显示问题及应用体积大的挑战。

摘要由CSDN通过智能技术生成

一、uni-app中不能操作dom
uni-app开发中不能操作dom，就是一切的按照vue那种方式进行数据绑定，要不然在网页端看着是好好的，但是一旦打包放到真机上就是各种问题。所以只要熟悉vue并且有实际开发经验的人来说，对于uniapp上手还是很快的
二、关于手机端适配
uni-app中有个单位叫upx ，可以使用这个进行手机端的适配，这个单位会根据屏幕的宽度自动计算出实际需要的px然后转换出来
三、打包到微信小程序
打包到微信小程序中背景图片不能使用本地路径，要不然会不显示，会报错，应该使用base64或者image或者https连接的方式进行，还有就是在小程序中所有的margin都不生效。
四、在引入外部文件时要注意
比如说引入css文件
在这里插入图片描述
引入js也是同样的道理
五、打包时图标问题（还不是很明确）
我第一只上传了第一个图标，只上传了红框中那块的一个图标

打完包之后发现还是黄色的H图标，然后吧下面的所有尺寸的图标都上传了之后，图标才更改过来了。