
uni-app
uni-app学习之路
落落的前端学习之路
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vuex mapGetters使用
// formStatisticsFoundation.js ,命名空间为formStatisticsFoundationgetters: { zzStatisticsData(state) { const statisticsData = state.statisticsData; const data = [{ name: '企业数', number: statisticsData.enterpriseNumber }, { name:原创 2022-03-22 17:52:35 · 1212 阅读 · 0 评论 -
微信小程序 - 富文本图片宽度自适应(正则)
原文连接引言:在微信小程序里,比如商品展示页面的商品详情会有图片展示,PC端设置的商品详情是PC端的宽度,所以在小程序里图片会显示不全,这时就应该做相应的处理,使小程序里图片显示正确思路把图片的宽度改为手机屏幕对应的宽度微信小程序需要知道的知识需要知道微信小程序里有自己的宽度标准,单位为rpx;针对所有不同尺寸的浏览器,微信小程序里规定屏幕宽为750rpx;解决WXML<view class='html_detail'> <rich-text nodes='{{a转载 2022-03-18 10:15:21 · 1176 阅读 · 0 评论 -
Only digits (0-9) can be put inside [] in the path string: formData.XXX
使用uniapp开发时微信小程序中爆出的问题,问题在于form表单组件中绑定表单值,去除报错值则正常。解决办法如下:修改注释行内容,转载连接转载 2022-02-22 09:29:23 · 1981 阅读 · 0 评论 -
uniapp 微信小程序打包 vendor.js过大 导致打包超过2M
1、分包加载,小程序限制一个包2M,可以分9个子包,整包共计不能超出20M,这一步很简单,如果看文档感觉枯燥的可以参考uview框架的demo,因为这个demo就使用了小程序的分包机制,demo链接(下载示例项目即可):https://ext.dcloud.net.cn/plugin?id=15932、使用分包之后会发现遇到了一个奇怪的问题,子包的组件和js文件会被打包到主包的vendor.js文件中,这就导致了vendor.js过大引起主包超过2M解决方案:开启分包优化,打开manifest.jso原创 2021-12-16 09:09:56 · 5732 阅读 · 0 评论 -
微信小程序 video在scroll-view中会脱离文档流
使用view包裹video,加上id原创 2021-08-06 11:20:55 · 801 阅读 · 0 评论 -
uniapp uni.request GET方式请求,不能直接传数组解决方法
这里写目录标题目录遇到的问题解决方案目录遇到的问题想传一个数组,但是后台接受到的数据与浏览器中显示的数据和前台代码传的不一样;前台代码打印浏览器显示数据其中HerbalNameList ,变成了字符串,后台接受参数变成了数组长度为1的数组,和前台传的数据不一样解决方案在request中增加拦截器,代码如下uni.addInterceptor('request', { invoke(args) { // request 触发前拼接 url con原创 2021-07-08 09:38:53 · 9745 阅读 · 7 评论 -
uniapp使用阿里云多色图标
下载,然后解压输入cmd,然后enter输入 npm install -g iconfont-tools再输入 iconfont-tools,然后一直enter,直到结束目录会多了个iconfont-weapp文件,点击去找到 iconfont-weapp-icon.css导入和使用 t-icon开头 接图标的类名@import './common/iconfont-weapp-icon.css';<text class="t-icon t-icon.原创 2021-06-16 15:17:14 · 361 阅读 · 0 评论 -
uni-app动态绑定class和style
目录动态绑定calss动态绑定style动态绑定calssclass="[{‘类名’:条件},{‘类名’:条件},{‘类名’:条件}]"为不同条件的image绑定不同的样式 <image class="img1" :class="[{'img1':index == 0},{'img2':index == 1},{'img3':index == 2}]" :src="avtUrl" ></image>数组的方式,直接绑定多个 c原创 2021-06-16 14:11:12 · 1564 阅读 · 0 评论 -
uni.reLaunch前出现uni.showToast,不会成功弹出提示信息
解决方案: uni.showToast({ title: '发布成功', duration: 1000 }); setTimeout(function() { uni.reLaunch({ url: '/pages/tips/index' }) }, 1000);原创 2021-04-28 10:33:00 · 1326 阅读 · 0 评论 -
uni-app微信获取手机号,第一次解密总是失败
项目场景:uni-app;获取code,后台解密手机号问题描述:每次第一次登陆,后台都会解密失败原因分析:code获取错误;导致后台的解密key与code不对应解决方案:小程序获取手机号之前,需要先wx.login();需要在进入小程序前就wx.login,而不是在getphonenumber里面wx.login;代码如下:// App.vueonLaunch: function() { wx.login({ success: async res => {原创 2021-04-26 14:56:34 · 1964 阅读 · 0 评论 -
uni-app 组件中的canvas转化为图片报错:errMsg:“canvasToTempFilePath:fail canvas is empty”
项目场景:uni-app,开发微信小程序使用: wx.canvasToTempFilePath({ canvasId: 'line', success: function(res) { console.log('canvasToImg', res); this.radarImg = res.tempFilePath; }, fail: function(res) { console.log(res); } });问题描述:echarts原创 2021-04-21 09:55:46 · 4809 阅读 · 3 评论 -
uniapp /deep/设置uni-app组件样式时 h5生效 小程序失效问题解决
今天写uni-app的项目 设置uni-app扩展组件的样式 使用穿透/deep/ 发现小程序没有效果 h5有效果//小程序无效 h5生效 /deep/ .uni-list-item .uni-list-item__container .uni-list-item__content .uni-list-item__content-title{ color: #333333; font-size: 32upx; }加入一下代码后 h5 和小程序 都生效//与methods 同级加.原创 2021-04-19 10:03:21 · 3154 阅读 · 8 评论 -
uni-app引入阿里巴巴矢量库图标后,顶部导航栏显示小方块
引入阿里巴巴矢量图标库首先在阿里巴巴创建项目,拥有图标具体引入方法参考:[https://blog.youkuaiyun.com/Dream_Weave/article/details/88550978?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task]...原创 2020-03-24 20:22:19 · 1649 阅读 · 0 评论 -
uni-app运行编译报错
uni-app运行编译失败;原因:安装目录问题解决方案:将下载的安装包放在英文目录下,路径中不要出现中文原创 2020-03-22 13:28:40 · 5681 阅读 · 0 评论 -
uni-app之新建项目无模板选择以及点击创建后一直卡住不动
uni-app:新建项目无模板选择以及点击创建后一直卡住不动原因:无权限解决方法:退出HBuilderX,然后以管理员身份启动HBuilderX.exe。解决问题原创 2020-03-21 20:56:13 · 1226 阅读 · 1 评论