uni使用的一些坑

在uni-app中使用可以极大地提升开发效率，但也存在一些使用上的细节问题。通过本文的分享，希望你能避免这些常见坑，更高效地完成项目需求。如果你在使用过程中遇到了其他问题，欢迎在评论区留言交流！

但是预览或者上传时，使用http无法请求。在本地运行时，可以使用http。

q

uni-ui的使用 1.进入需要安装uni-app的目录执行 npm init -y 2.安装uni-ui cnpm install @dcloudio/uni-ui 建议使用cnpm,npm安装试了好几次都报错了 3.使用uni-ui 启动不报错就证明正确命令：npm run dev:mp-weixin 案例可参考官网案例：添加链接描述 ...

uni-app使用iconfont爬坑记录 获取iconfont 登录阿里巴巴图标库,选择需要使用的图标,加入到购物车中 进入购物车中,选择添加至项目.没有项目的话自己随便建一个就行.下次从图标管理tab下可进入我的项目页面. 我的项目如图: 点击下载至本地 非微信小程序使用 将下载后的文件加压后找到iconfont.css文件,拷贝至项目的uni-app页面的style标签中,然后复制我...

踩了很多坑~~ 最终终于找到可以使用阿里图标库的方法 简单方便 阿里巴巴图标库：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 近期阿里图标库更新了 没有之前的在线链接直接使用(如下图) 不要慌绝绝子来教你啊 怎么创建项目 加入图标 我这里就不再具体说了 一. 首先打开你的iconfont项目(......

uni-popup踩坑记录

[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑

概述 前段时间评估开发新版APP使用原生+H5混合的方式开发，进行了多项评估后，发现Dcloud的uni-app比较符合我们的需求，于是开始了uni-app的爬坑之路。有熟悉uni-app的一定知道，uni-app本来就可以编译打包成为app,为什么还要用原生app套壳，不是增加负担么，其实，这是由于项目中也属需求，暂时uni-app没有办法达到目标，于是使用uni-app开发H5端，再使用原生...

uni-file-picker的上传图片都裂了

最后没办法只能换个方法实现了，准备使用 wx.chooseLocation的时候才发现原来是点击的时候没有生效，并不是uni.getLocation不行，后面将图标的权重加大就可以了，但是不知道为什么苹果手机可以安卓不行，知道的可以解答一下。其他资料网上都有的，说一下我遇见的问题，uni.getLocation 微信小程序上线之后只有苹果手机可以使用，安卓手机获取不到位置，然后也没有进 success fail， 就挺奇怪的，在网上找了一些方法都不是，还是没有解决。2.第二个需要配置域名。

uni支持使用字体图标，跟web使用方法一样。需iconfont.css文件中的引用方式 在项目中存放位置 在app.vue文件中全局引用字体图标 //在app.vue中引用方式 @import './static/Iconfont/iconfont.css' 不出意外会报错： 解决方法: 修改iconfont.css中文件的应用 //修改前 @font-face {fo...

初使用uni-app，适配多端，踩坑及经验合集 一、微信小程序不支持axios 1）安装 使用小程序适配器 axios-miniprogram-adapter，使用npm安装 npm install axios-miniprogram-adapter -S 2）使用 在照常使用axios基础上： 头部import import mpAdapter from 'axios-miniprogram-adapter' 尾部 export default service 之前添加 axios.defaults

校验https 这个坑是真的让我很难受的，在小程序的开发者工具里面，是不自动检验的，一定一定要把这个√给去掉，因为测试版本确实不检验https但是正式版本的都需要检验，所以一定要用https 定位 使用uni-app定位时需要引入小程序的js（qqmap-wx-jssdk.js）我用的是腾讯的api文档 使用小程序自带的uni.getLocatio定位到的城市是拼音的，我们需要的是中文的，就需要转...

最近一直在做小程序项目，导入eachat很坑，网上教程搜索一堆，但是基本没效果，所以坑了很久，才弄出来，真实有效的dome， 按照 uni-app中使用Echarts的实践总结 的步骤引用echarts 先在uni-app 创建一个文件夹，然后在命令行管理中进入到该目录下，执行 npm i 然后安装包 npm install echarts mpvue-echarts --save 安装完成了，得到这三个包剪切到这里 然后开始使用 <template> <div class=

全局赋值设备信息确实省事，但像这种动态属性，全局只赋值一次的方式会产生误差。最好的解决办法是，需要时再获取，或者使用工具函数。尤其是在uview-plus里，这种问题有现成的解决方案，完全不必自己踩坑。写这篇文章，只是想提醒大家一句：“工具方便归方便，但细节不能大意，别为图一时省事，给后续开发埋雷。

解决小程序上使用uni-forms表单验证的问题，实现即时校验、自定义校验规则、异步校验，满足绝大部分表单校验！

很多朋友遇到 uni.createVideoContext 大概率都是因为没有传入组件this，将 this 传入即可。

文章目录使用场景解决方式 使用场景 引入使用了第三方的组件，想修改它的样式，找到其class名称，然后在style中重写该class，无效 原因：可以查看下面的文章 官方的解释 解决方式 比如我使用的是u-grid，看到它的class的层级是： <...u-grid...> <...u-grid-item...> <...u-grid-item-box...> ... ... 我要修改的是u-grid-item-box的内联样式的padding属性 使用深