![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp那些事
关于踩过的uniapp坑的那些事,没事的时候多看看文档。
你知不知
善良,勇敢,优秀,绝不妥协,祝你也祝我。
展开
-
Vue与Nvue区别之uniapp
Vue与Nvue区别之uniapp转载 2022-10-31 09:36:06 · 2391 阅读 · 1 评论 -
uni-app渲染Markdown之Towxml
在开发过程中,对于在小程序中显示Markdown有需求。将修改过的towxml文件夹复制到uniapp工程的static目录下。接下来将towxml引入工程即可,下面的操作可以根据习惯进行添加。构建towxml,结束后会在桌面生成构建好的towxml。在桌面新建目录(Markdown-Towxml)将base指定为静态相对资源的base路径。假设你已经有必要的工具了:git和npm等。cd进入 towxml文件夹,输入。在当前新建目录下打开命令行,输入。将图片复制到static文件夹中。转载 2022-10-09 10:03:59 · 3175 阅读 · 1 评论 -
uni.setStorageSync缓存过大,无效该怎么办
先说明我遇到这个的情况:我要存储的数据太多了,一堆图片并且还进行加密了。导致还有数据就存储不进去了。最后想到的解决方式:用vuex进行缓存。(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。)......原创 2020-08-04 15:30:27 · 3425 阅读 · 2 评论 -
解决uni-app微信小程序打包超限(亲测有效)
今天遇到一个问题,使用uni-app开发微信小程序,运行到微信开发者工具,点击预览按钮进行打包,提示包大小超限>2M解决办法:1.找到项目中的manifast.json文件2.在manifast.json中增加optimization配置(uni-app文档说明)"optimization":{ "subPackages":true}完整代码:"mp-weixin" : { "appid" : "xxxxxxxxxxxxxxxxxxxx", "setting" : { "ur转载 2021-04-12 16:15:34 · 6464 阅读 · 2 评论 -
uni-app使用小图标的方式
1.首先我们需要去这里2.把你需要的小图标加入到购物车3.点击购物车把小图标【添加至项目】4.最后下载到本地【解压放到项目中去】5.如下:6.在main.js里面引入import './style/iconfont.css'7.最后就是在页面中直接通过样式类名使用<text class="iconfont icon-saoyisao"></text>......原创 2020-04-15 15:24:46 · 6918 阅读 · 0 评论 -
unniapp实现电子签名
先放效果图主页面代码:<!-- 这是签名 --><button type="primary" @tap="doss" style="margin: 10px;">点击签名</button><view class="imgs"><image class="img" :src="img1" mode="widthFix" style="margin: 0px 24px;"></image></view><ca原创 2020-05-14 17:00:12 · 8811 阅读 · 19 评论 -
uniApp怎么实时的获取当前的位置
var that = this// 1. 用uni自带的getlocation获取位置 var time =setInterval(function() { if (uni.getStorageSync('token') || 0) { uni.getLocation({ type: 'gcj02 ', success: function(res) { uni.setStorageSync('userLocation', JSON.stringify(re转载 2021-11-15 14:00:58 · 8642 阅读 · 0 评论 -
特大喜讯,uni-app支持PC版了!
uni-app支持PC版了!https://mp.weixin.qq.com/s/svJJD4xgXBsisZMMxKoIVw原创 2020-10-20 09:11:42 · 5538 阅读 · 3 评论 -
uniapp预编译器错误:代码使用了scss/sass语言,但未安装相应编译器
uniapp之"预编译器错误:代码使用了scss/sass语言,但未安装相应编译器"解决方法:安装对应插件即可。HBuilder X编辑器 点击工具栏-工具-插件安装选择您报错所需插件即可。如果您报错:代码使用了scss/sass语言,但未安装相应编译器。那么你可安装我箭头所指向的地方。......原创 2020-05-21 15:21:48 · 1970 阅读 · 0 评论 -
怎么限制输入框的小数位只有3位,并且规定不可以大于多少,用于金额判断(可用于uniapp)
<input placeholder="请输入申请金额" @blur="oninput" name="amount" type="number" v-model="formData.amount" />@blur="oninput"失去焦点触发的事件,注意:input自带的maxlength会限制你的小数位,所以不推荐使用所以你可以在你提交的时候做逻辑或者就写在oninput事件里面(下面的代码我是写在oninput里面进行了逻辑判断,弹出信息再就清空值)注意: type="numbe原创 2020-11-25 15:31:14 · 1409 阅读 · 0 评论 -
uniapp之微信小程序之我的tabBar底部导航不需要切换
解决需求:您的弹窗都出来了底部导航栏还是可以点击切换。先说我项目的需求:首先我们需要做一个《隐私政策服务协议提示框》,类似下图点击箭头所指方向即可进行切换页面,当然我肯定是不需要这种的,因此我就在网上百度了一下方法。说是可以用uniapp自带的hideTabBar(注意我项目是用于微信小程序。)//隐藏uni.hideTabBar({ //这里是为了不那么唐突 animation:true, success() { console.debug('隐藏成功') }})这代码是欧克原创 2020-07-17 11:45:52 · 3144 阅读 · 0 评论 -
uniapp中调用renderjs的方法(renderjs里面给地图加按钮,子组件给父组件传值)
<template> <view> <!-- 原理:通过监听searchValue,如果发生改变就调用renderjs的doQuery方法 --> <!-- 注意这里的m代指renderjs的module="m" --> <view id="map" class="map" :change:searchValue="m.doQuery" :searchValue="searchValue"></view> <vi原创 2021-11-25 11:48:23 · 4218 阅读 · 1 评论 -
uniapp之微信小程序之点击协议之我就要退出
一句代码解决的事情。over(效果图在最下面,直接跳出了小程序哦)<navigator target="miniProgram" open-type="exit">暂不使用</navigator>送你去官网就是不让你看我协议内容。原创 2020-07-18 10:24:48 · 1198 阅读 · 0 评论 -
骨架屏:用于数据加载时的占位图显示,uniapp插件市场。前端工程师强推。
哈喽大家好,我又来了。今天什么也不搞,就是来跟大家推荐一下骨架屏(如下图)。来源:uniapp插件市场推荐指数:⭐⭐⭐⭐体验感:妈妈再也不用担心我的加载很突兀了如果你们还没能看懂,下面就放效果。原始效果:缺点很明显,就是很突兀。【闪一下的原因是因为我设置了原始值,加载数据是有时间的。数据量不算很多所以请求起来就会很快,导致我们看起来就是闪一下。而且还会看到我的默认显示值,会让用户觉得是我们的项目卡了】加上骨架屏之后的效果:好的地方不言而喻。强推哦,最后插件地址:https://ext原创 2021-07-17 14:05:00 · 2724 阅读 · 3 评论 -
uniapp微信小程序上传内容转为base64
uniapp微信小程序上传内容转为base64:有什么不懂欢迎评论区问我// #ifdef MP-WEIXIN wx.getFileSystemManager().readFile({ filePath: this.largeList.autograph, //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: res => { //成功的回调 console.log('data:image/png;base64,' + res原创 2020-06-02 08:48:35 · 1535 阅读 · 0 评论 -
HBuilder X升级之uniapp运行报错怎么办
事情是这样的,由于本人更新了HBuilder X版本,导致本人突然项目运行不起来,打包也打包不了。这时我就意识到,事情不简单。先上代码所报的错误信息:本人一开始顺着报错信息找到了该文件目录,我猜想是版本更新了和现在的项目版本不兼容导致的报错,但又不知如何解决。因此,特此分享给报错的你。解决方式:导航栏的工具 - 插件安装 - 卸载插件并重新安装卸载您原先安装的包并且下载新的包,这样您的问题就解决了。(如果还不行,那就您项目用到的所有插件重新卸载安装)希望能解决您的问题。......原创 2020-06-09 16:44:17 · 2732 阅读 · 2 评论 -
uniapp的@markertap=“xxx“有问题
<map :latitude="latitude" :longitude="longitude" :scale="scale" :markers="covers" @markertap="openPopup11"></map>遇到问题:点击标记点时触发不了openPopup事件。解决办法:需要要求id: ‘0’,(有人说id不能为0,但是我试了一下发现可以为0具体如果有问题会修改的)that.covers = [ { id: '0', latitude: 28.68原创 2020-11-02 10:13:36 · 3727 阅读 · 0 评论 -
uniapp需要传递很长的字符串但是传递失败该怎么办?
uni有长度限制,如果太长的字符串就会传递失败,因此可以通过窗体通讯、全局变量或encodeURICompontent等多种方式解决。跳转tabbar页面,必须设置成open-type=“switchTab”原创 2020-11-02 10:00:58 · 862 阅读 · 0 评论 -
如何把uniapp项目运行在安卓手机上(保姆式教程)
准备工作:HBuilder X一个项目一部安卓手机一根数据线一位优秀的开发工程师首先,我们需要有一个项目。(项目都没有,你运行在手机上,你在想屁?)找到菜单栏【运行】=》【运行到手机或模拟器】=》【未检测到手机或模拟器,请稍后重试】如果你是如图效果,请不要着急。听我细细讲来。这时候就需要操作你的安卓手机,找到【设置】=》【我的设备】=》【全部参数】=》多次点击【MIUI版本】,直到提示打开开发者模式。完成上一步,你就可以退出此页面。【设置】=》【更多参数】=》【开发者选项】=.原创 2021-12-09 15:42:42 · 18262 阅读 · 11 评论 -
uniapp的#ifdef究竟是什么意思?
本人是自学uniapp,所以对于这段代码不能理解,特意去百度了一下,才知道这个是类似于if判断,在此也分享给即将学习的你。#ifdef (平台名称)需条件编译的代码#endif...原创 2020-04-25 09:40:42 · 3217 阅读 · 0 评论 -
uniapp里面vue的mounted函数写哪里?
一句话:看文档。文档会告诉你一切。uniapp的声明周期原创 2021-12-09 15:56:07 · 1936 阅读 · 0 评论 -
uniapp提供的renderjs无法发送请求给后台
出现问题:我们是自己封装的一套请求,所有请求都会走request.js,然后里面使用的是uniapp提供的uni.request结果发现在renderjs里面无法发送请求。一直在报错(大概意思就是uni里面的不能用)注意:H5是可以正常使用的,但是APP端就会报错。后台合并房屋失败err, TypeError: uni.request is not a function at pages/map/map.vue:793 at app-view.js:26909 我本地的不光是要发请求还要发完了请求然后原创 2021-12-01 11:50:19 · 2587 阅读 · 0 评论 -
uniapp微信小程序分享给朋友
如何配置微信小程序【分享给朋友】share.js 文件储存位置如上,就是主目录底下创建mixins文件夹注意:这里是固定死了分享给哪一个页面,并且我不需要传参export default { //#ifdef MP-WEIXIN onShareAppMessage(res) { return { path: '/pages/login/login', success(res) { uni.showToast({ title: '分享成功' }) .原创 2021-04-08 17:07:01 · 1169 阅读 · 0 评论 -
uniapp路由跳转传参
uniapp路由跳转传参和路由传递对象该怎么处理原创 2021-06-11 10:10:09 · 889 阅读 · 0 评论