页面调用组件,组件刷新问题——监听
摘要:背景分析:1、登录注册封装为公共组件,当调用登录接口后需要重新刷新当前页面。若单纯的页面则没有任何问题,直接执行reload即可。 2、若组件封装成公共组件,并且数据也在组件中各自获取渲染。当页面调用组件时无法执行 onShow() 、reload() 生命周期(若在当前页面获取数据则不存在该问题,
阅读全文
posted @
2022-12-06 17:01
小虾米吖~
阅读(385)
推荐(0) 编辑
uniapp- map组件监听地图缩放
摘要:需求:根据地图缩放比例大小判断展示maker气泡(地图缩小时只显示maker,放大到一定数值时再显示气泡) 官方提到的这个回调只能监听拖拽,并不能监听缩放,这样做的效果就是在指定级别内气泡会拖一下闪烁一下,特难受!!!! 解决办法:使用地图对象定时获取地图的缩放级别,然后再判断是否该显示还是隐藏,并
阅读全文
posted @
2022-10-12 12:01
小虾米吖~
阅读(3460)
推荐(0) 编辑
uniapp禁止表单重复提交
摘要:1.在根目录下新建common文件并创建common.js文件,代码直接复制粘贴即可。 // 防止处理多次点击 function noMultipleClicks(methods, info) { // methods是需要点击后需要执行的函数, info是点击需要传的参数 let that = t
阅读全文
posted @
2022-10-11 15:01
小虾米吖~
阅读(456)
推荐(0) 编辑
uni-app canvas 拖拽组件合成新图片保存本地(上传服务器)
摘要:1、组件:插件市场地址 https://ext.dcloud.net.cn/plugin?id=2059#rating 组件核心代码引入components目录 使用关键点: 1)main.js全局注册 setData 方法,后面调用组件方法时需要用到 Vue.mixin({ methods: {
阅读全文
posted @
2022-09-13 17:09
小虾米吖~
阅读(872)
推荐(0) 编辑
uniapp监听页面滚动事件 onPageScroll
摘要:data() { return { operate_dm: true, // 弹幕编辑按钮默认显示 isShowLog:0, timer_dm:null, } } onPageScroll(e) { /* 滚动时隐藏操作按钮,停止滚动再显示操作按钮 */ this.isShowLog = 2; cl
阅读全文
posted @
2022-09-02 15:19
小虾米吖~
阅读(3536)
推荐(0) 编辑
u-popup 关闭按钮的坑
摘要:<u-popup :show="addDmShow" mode="bottom" @close="addDmShow = false" :closeable="true" :closeOnClickOverlay="true"> <view class="add_dm_box"> <uni-form
阅读全文
posted @
2022-09-02 15:16
小虾米吖~
阅读(2227)
推荐(1) 编辑
uniapp textarea字数限制问题
摘要:<textarea v-model="signUpformData.introduce" placeholder="请输入" maxlength="1000" placeholderStyle="color:#999;font-size:13px;" clearable v-if="isEdit"
阅读全文
posted @
2022-08-29 16:36
小虾米吖~
阅读(1333)
推荐(0) 编辑
uniapp 微信小程序封装全局弹框(登录拦截)
摘要:新增组件页面: loginProp.vue <template> <view class="login-box" v-if="loginShow"> <view class="center-box"> <image class="logo" src="../../static/images/logo
阅读全文
posted @
2022-08-29 15:33
小虾米吖~
阅读(7945)
推荐(0) 编辑
uni-app微信小程序保存照片(照片是两张照片合并成canvas的另一张图片)到相册
摘要:背景:1、若是使用了 uni.downloadFile(),那么使用的url必须是http或者https开头的图片,这是官方的,实际使用你会发现模拟器确实是http开头的图片,但是开发版、体验版、真机测试等获取到的图片是 wx://http/temp... 开头的,即根本没办法拿到指定图片,解决方案
阅读全文
posted @
2022-08-25 09:36
小虾米吖~
阅读(3013)
推荐(0) 编辑
uniapp 头像合成canvas,下载图片
摘要:<template> <view class="cloud_box"> <view class="titels">换头像活动</view> <view class="box"> <view v-for="(item,index) in modelList" :key="index" class="i
阅读全文
posted @
2022-08-22 15:20
小虾米吖~
阅读(562)
推荐(0) 编辑
uni-app打包apk(真机测试没问题,打包apk后部分功能没反应)
摘要:不勾选权限没有反应的代码 let _this = this; uni.showModal({ title: '提示', content: '是否退出登录', confirmText: "确定", // 确认按钮文字 cancelText:"取消", confirmColor: '#1295c9',
阅读全文
posted @
2022-08-17 14:07
小虾米吖~
阅读(2812)
推荐(0) 编辑
uni-app(右上角菜单)分享好友和朋友圈
摘要:封装:根目录下新建文件mixins/share.js export const shareMixins = { data() { return { shareData: { title: '', path: '/pages/index/index', imageUrl: '', content: '
阅读全文
posted @
2022-08-11 13:52
小虾米吖~
阅读(1791)
推荐(1) 编辑
uni.switchTab()跳转不刷新
摘要:网上解决办法: uni.switchTab({ url: '/pages/index/index', success: function(e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) r
阅读全文
posted @
2022-07-20 16:00
小虾米吖~
阅读(2295)
推荐(0) 编辑
uni-app微信小程序图片、视频之外的类型的其他文件上传
摘要:背景分析:微信小程序不支持直接选择图片、视频之外的文件上传,可通过两种方式实现文件选择。 1、就使用官方提供的 wx.chooseMessageFile() 方法,但是该方式只能通过聊天记录选择文件(即用户须提前将所需文件发送至微信任意聊天记录中,否则也是无法选择的); 2、使用web-view嵌入
阅读全文
posted @
2022-07-19 09:30
小虾米吖~
阅读(4254)
推荐(0) 编辑
HBuildx使用uView编译sass
摘要:1、安装方式: 1)命令安装: npm install uview-ui 2) 插件市场安装 2、配置sass(配置的路径是插件市场安装的,uni_modules开头的;;;npm安装则为node_moduldes开头) 1) HBuildx安装插件scss 2) uni.scss 配置 @impo
阅读全文
posted @
2022-06-07 12:01
小虾米吖~
阅读(191)
推荐(0) 编辑
uView插件使用 u-navbar自定义导航(分享无法返回)
摘要:背景分析:uni-app原生导航栏返回是没有问题的,不管是正常打开页面还是分享后的页面,但是无法自定义导航背景色(官网说page-meta标签)但是我尝试了没有效果,所以还是使用的uView组件自定导航栏; 使用自定义的弊端为:用户分享页面到微信好友后,好友点击分享的页面,点击左上角返回按钮无法返回
阅读全文
posted @
2022-06-06 11:58
小虾米吖~
阅读(5839)
推荐(0) 编辑
uni-app实现薪资区间范围选择
摘要:templete: <uni-forms-item label="期望薪资" name="intention_salary" class="salary_input"> <u--input v-model="checkVal" placeholder="请选择(选填)" readonly borde
阅读全文
posted @
2022-06-02 09:24
小虾米吖~
阅读(800)
推荐(0) 编辑
uni-app小程序检测自动更新
摘要:app.vue页面: onShow() { // 更新小程序 if (uni.canIUse('getUpdateManager')) { const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(func
阅读全文
posted @
2022-02-10 17:13
小虾米吖~
阅读(468)
推荐(0) 编辑
uniapp微信小程序登录,获取手机号,支付,分享,消息订阅功能
摘要:uniapp微信小程序登录,获取手机号,支付,分享,消息订阅功能 登录 uni.login() 获取code 将code传给后端获取SessionKey、OpenId。 uni.getUserProfile()获取公开信息(头像,昵称等) /* html 使用的是uni.getUserProfile
阅读全文
posted @
2022-01-19 15:56
小虾米吖~
阅读(1218)
推荐(0) 编辑
uni-app 小程序订阅消息
摘要:背景分析: 1、微信公众平台需要先使用模板,不符合要求的就重新申请模板(提交了10余次才通过,要求很严格,按照要求修改即可) 2、前端需调起用户授权(考虑到用户体验的问题,用户没有授权时会调用起来用户授权弹框,当用户授权完成后则无需再弹框提示授权问题) onShow() { let loginRes
阅读全文
posted @
2022-01-19 10:57
小虾米吖~
阅读(1937)
推荐(0) 编辑