uniapp：点击上传头像跳转到首页

已于 2023-05-19 10:55:58 修改
阅读量324 收藏
点赞数
分类专栏： uniapp 文章标签： 小程序 微信小程序
于 2023-05-19 10:02:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43601059/article/details/130760609
版权
当用户在小程序中尝试通过uni.chooseImage选择图片修改头像时，会出现无法成功修改并被意外跳转到首页的情况。原因是uni.chooseImage操作完成后触发了app.vue的生命周期函数，而该函数中含有跳转到首页的代码。解决方案是审查并调整app.vue中的生命周期函数逻辑，避免在不适当的时候执行首页跳转。
摘要由CSDN通过智能技术生成

场景：用户从分享页面进入小程序，使用uni.chooseImage选择图片修改头像的时候无法修改成功，会跳转到首页

解决： 

uni.chooseImage选择图片动作完成或关闭，会执行app.vue 生命周期函数，我的app.vue里面有跳转首页的代码。

FIRE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uniapp实现第一次点击事件第二次点击事件元素变化和跳转
weixin_67434908的博客
03-20 569
首先第一次写的时候我把所有需要遍历的数据全部加了状态判断，等于true的时候我就跳转，等于false的时候我就让图片变大，把视图层的下标和整个数据全部拿过来了，我是这样写的。这次业务需求是当你第一次点击图片的时候变大，然后第二次点击的时候跳转，实现的时候踩了好多坑，特此记录一下。但是发现点击后全部的图片都会变大，于是就有了下面这种方法。
uniApp：uniapp学习成长之路
02-20
- **Page**：uniApp中的页面是应用的基本单位，每个页面由多个组件组成，通过路由进行页面间的跳转。 - **App**：代表整个应用程序，包含了所有页面的全局配置。 - **生命周期**：每个页面和组件都有自己的生命...
uniapp微信小程序端通过分享进入的页面，判断左上角返回按钮，是返回首页还是返回上一个页面
最新发布
Lulu_yo的博客
03-13 1035
当他人分享至群聊或者聊天的时候，自定义的导航栏怎么实现原生的左上角返回首页的功能呢？
uni-app —— 点击跳转页面
热门推荐
月来better
08-13 1万+
点击按钮，跳转到另一个页面 页面路径 /pages/index/index.vue /pages/index/detail.vue <template> <view> <view class="btn-area"> <button @tap="goDetail">点击跳转到详情页面</button> </view> </view> </templ
uniapp 点击轮播图跳转商品详情页面
bbt953的博客
05-06 2911
view组件不能跳转，navigator可以，所以要把view换成navigator 原来的 <!-- 轮播图区域 --> <swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"> <swiper-item v-for="(item,i) in swiperList" :key="i"> &
解决uni-app+thinkphp6使用图片跳转到的页面
a646639956的博客
07-22 542
创建路由表 $table = $this->table("image_poster"); $table ->addColumn('img_src','string',array('limit'=>'100','comment'=>'图片地址')) ->addColumn('img_type','integer',array('limit'=>'11','comment'=>'图片类型，1为海报、2为推广图')) -
uni-app跳转页面的两种方式
weixin_47075952的博客
11-21 2447
在使用uni-app时，想在登录后跳转到index页面，使用uni.navigateTo结果报错，通过将uni.navigateTo替换为uni.switchTab，问题得到解决。在此对uni-app页面跳转的两种方式进行总结。
非科班出身程序员刷题-AI-uniapp:AI-uniapp
07-07
老师首页学情报告多班级样式错误 3. 新增 班级增加移除学生功能 4. 修复 登录后状态判断问题 10.13 日报 1. 修复 老师班级成员是会员，没有显示VIP图标 2. 新增 开通会员增加发送会员到期和开通成功的通知 3. 修复 ...
UNIAPP安卓NFC写入包名跳转APP
07-07
UNIAPP里面的插件市场和文档对于NFC的支持非常少，包括网址的写入和包名的写入基本上没有，最近刚好有这方面的需求，就花了不少时间研究这个东西，然后把他整出来了，希望能帮到你们，如果使用有问题可以加我Q:...
waimai-uniapp:美团饿了么联盟CPS推广赚钱的uniapp小程序，支持微信小程序和H5，技术变现利器
04-30
美团饿了么外卖优惠券小程序写在前言小程序本身很简单，具体原理就是个跳转。可以根据同名公众号里的文章实现。介于加我的人咨询的比较多，啥奇怪的，问题都有，所以：1、参考公众号里的文章，2、如果对具体的某个...
微信小程序点击列表跳转到对应详情页过程解析
10-16
综上所述，微信小程序中点击列表跳转到对应详情页的实现主要涉及到以下知识点： 1. 使用wx:for和bindtap实现列表项的遍历和点击事件绑定。 2. 通过自定义属性data-index在列表项上存储当前项的索引。 3. 在点击事件...
uni-app常用的两种页面跳转方式
wannafly1228的博客
07-17 2624
uni-app常用的两种页面跳转方式
uniapp跳转页面的所有方法
m0_62496369的博客
10-08 599
uniapp跳转页面的所有方法
ios 微信小程序 chooseImage 相机拍照跳转页面崩溃
weixin_52014110的博客
11-28 1904
使用 chooseImage 相机拍照并跳转页面崩溃，使用 chooseMedia 替代可解决部分因内存占满导致的问题。
uniapp上传头像和最多上传9张demo效果(整理)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-04 1855
uniapp上传头像
uniapp 跳转外部链接
耳朵
02-23 8866
项目上需要根据需求进行外部链接跳转 H5 window.location.href = `http://${jumpUrl}`; 移动端 plus.runtime.openURL(`http://${jumpUrl}`)
uniapp页面跳转的几种方法和区别
铁锤妹妹的博客
09-23 7240
保留当前页面，可跳转到非 tabBar 页面，使用uni.navigateBack可以返回到原页面（可传参
uniapp实现扫一扫功能，扫码成功后跳转页面
Quentin0823的博客
10-10 6459
uniapp官方有提供的相关api实现跳转到web网页（h5）的功能，在开发小程序中，是一项很常见的功能开发。该功能使用到的api。
uniapp设置tabBar跳转后，其他页面跳转到主页、主页参数、接参（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-21 2645
uniapp设置tabBar跳转后，其他页面跳转到主页、主页参数、接参
uniapp tabBar 点击不让跳转页面
07-15
如果你在uni-app中的tabBar点击后不想跳转页面，你可以使用以下方法来实现： 1. 在`pages.json`文件中，将对应的页面的`"navigationBarTitleText"`设置为一个空字符串，这样就不会显示标题栏，给用户一种没有跳转的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值