uni.navigateTo遇到的this指向问题

最新推荐文章于 2024-07-18 14:07:13 发布
最新推荐文章于 2024-07-18 14:07:13 发布
阅读量446 收藏
点赞数 13
分类专栏： 日常分享 文章标签： vue.js 前端 javascript uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83014000/article/details/139803496
版权

 

问题分析

  uni.navigateTo 的 events 对象的 refresh 方法中，this 的上下文不再是 Vue 组件实例，而是指向了 events 对象本身或者其他上下文。因此，不能直接在这个 refresh 方法用 this.$refs 来访问 Vue 组件的引用。

    为了解决这个问题，需要确保在 refresh 方法中能够访问到正确的 Vue 组件实例。

解决办法：

未命名小孩
关注
  • 13
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序wx.navigateTo方法里的events参数使用详情及场景
10-15
在微信小程序开发中，`wx.navigateTo`方法是一个关键的页面跳转函数，它允许开发者从一个页面导航到另一个页面，而无需关闭当前页面。在2.7.3版本中，`wx.navigateTo`增加了一个名为`events`的参数，这个新特性极大...
怎么理解wx.navigateTo的events参数使用详情
10-15
主要介绍了怎么理解wx.navigateTo的events参数使用详情，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp -- 关于uni.navigateTo方法无法跳转的解决方法
世界和我们都不该止步于此
09-06 1万+
我的需求是在一个component目录下的一个组件中点击遍历出来的组件进入另一个组件，我觉得有点绕，所以我把将要跳转的详情页放到了pages目录下并注册了页面（没有配置tabbar）没错，就是这张图，我想要点击菜品跳转到对应详情页，可是 uni.navigateTo 不能进行跳转，我使用了 fail 回调函数发现无法找到页面路径。我可是在推荐页面的子组件中呀，不是在推荐本页面，所以我觉定使用Vue的 .$parent ，没错，我要子组件控制父组件方法的执行 😁。
uni-navigateto()函数踩坑之旅
xiaolu_333的博客
02-01 1113
今天在编写uni-app的时候使用到了uni-navigateto()的函数。 从Hbuilder X2.8.9开始这个函数支持 events。 可以通过 success: function(res) { // 通过eventChannel向被打开页面传送数据 res.eventChannel.emit('acceptDataFromOpenerPage',that.myCart) } 访问被打开页面，通过打开的通道传输数据。 ps：记得使用That替代this指针。进入函数后th
记录一个uni.$on定义完成后才能接收到uni.$emit传递的数据的解决方案
wxh_888的博客
09-17 312
目前发现这三种方式，这是通过$emit与$on的方法，也可以用其他方法传值。第三种：给a页面的emit加定时器，预判b页面的on创建完成。第二种：借uni.navigateTo的成功回调方法。第一种：双向通知方法（感觉最好用的方法）
uniapp页面跳转携带参数 两个页面互相传参
weixin_73318685的博客
06-09 3148
uniapp页面跳转携带参数 两个页面互相传参。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔。这里有一个误区，this的指向需要注意，由于我的语法用的是vue2，直接使用了this，发现一直没赋值上去，后来发现this指向不对，因为我这里用的不是箭头函数，所以它的this指向了函数本身，我们需要提前把this保存了，然后再进行赋值
uni-app 之 web-view 与h5 通讯
C_see的专栏
11-29 2922
uniapp中使用webview，h5与vue、nvue通信注意事项
uniapp在不同页面间跳转时使用$emit和$on传值无效问题（记录坑）
a666666000的博客
09-08 8688
uniapp在不同页面间跳转时使用$emit和$on传值无效问题
uni-app点击按钮弹出提示框,选择确定和取消
热门推荐
耳火的博客
01-17 1万+
uni-app点击按钮弹出提示框,选择确定和取消 以下是在写app页面时，遇到的感觉比较好用的弹框效果，仅以此记录，一个是弹框效果-uni.showModal(OBJECT)，一个是跳转页面uni.navigateTo（{}），大家有需要的可以参考一下哦 <template> <view class="cu-item arrow animation-slide-bottom" :style="[{animationDelay: '0.7s'}]" @click="open()"
uni-app知识点和项目上遇到的问题和解决办法的记录
动感超人的博客
07-22 1655
参考文章@flex布局设置space-between(around)最后一行不左对齐问题-解决办法@[译]当咱们在使用displayflex的时候，到底发生了什么？大家可能都遇到过下面这种情况,在布局的时候我们不得不设置并且效果本来想是下面这张图右边的效果,但是显示的却是左边的效果了其实解决也很简单,在最外层添加一个伪类即可html结构...
环信即时通讯SDK集成——环信 uni-app-demo 升级改造计划——整体代码重构优化（二）
huan132456765的博客
05-19 2593
本次关于 uni-app 代码整体重构工作，基于上一期针对 uni-app 官网 demo 从 vue2 迁移 vue3 框架衍生而来，在迁移过程中有明显感知，目前的项目存在的问题为，项目部分代码风格较为不统一，命名不够规范，注释不够清晰、可读性差、以造成如果复用困难重重，本地重构期望能够充分展示 api 在实际项目中的调用方式，尽可能达到示例代码可移植，或能辅助进行即时通讯功能二次开发的能力。
uni.request.zip
09-25
本压缩包"uni.request.zip"聚焦于uni-app中的一个关键功能：`uni.request`的封装，这是一个用于进行网络请求的重要工具。这个封装不仅简化了接口调用的过程，还提供了全局方法和变量配置，使得开发过程更加高效和...
UNI.rar_.uni文件_图标关联
09-23
这个键会关联到一个主类ID（CLSID）或者一个字符串，指向处理这类文件的应用程序。 2. **设置默认程序**：在`HKEY_CLASSES_ROOT\.uni`下创建一个名为`OpenWithList`或`OpenWithProgids`的键，指定默认打开`.uni`...
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
vuejs v-for和v-if同时使用报变量未定义
业余程序猿
07-14 316
vue3中v-if优先级高，v-if使用v-for循环体数据时数据还未加载，就报未定义了。vue2中v-for优先级高，同时使用v-if可以直接使用v-for的循环体数据。无论时vue2还是3，官方都不建议两者一起使用，建议通过template嵌套。vue3和vue2 v-if和v-for同时使用时渲染优先级变了。查了下官方文档才找到问题所在。风格指南 — Vue.js。
vue使用x6画流程图，简单使用
最新发布
qq_34631220的博客
07-18 233
【代码】vue使用x6画流程图，简单使用。
使用 Vue 和 ECharts 打造动态数据可视化图表
liyananweb的博客
07-18 486
通过本文，我们了解了如何使用 Vue 和 ECharts 来创建一个简单的柱状图，并实现了动态数据更新。Vue 的响应式数据绑定和 ECharts 的强大图表功能相结合，使得我们可以轻松地构建出功能强大且美观的数据可视化应用。希望这篇文章对你有所帮助。如果你有任何问题或建议，欢迎在评论区留言。百万大学生都在用的AI论文写作工具，篇篇无重复👉:AI论文写作。
vue3 选项式生命周期API 和 组合式生命周期API 执行先后顺序
shengmeshi的博客
07-17 130
vue3 选项式生命周期API 和 组合式生命周期API 执行先后顺序
uni.navigateTo传参
07-28
uni.navigateTo函数是在uni-app框架中用于跳转页面的方法，它可以接收一个对象作为参数来设置跳转的目标页面和传递的参数。 传参的方式有两种： 1. 在url中传递参数： 例如：要跳转到目标页面并传递参数id=123，可以这样写： ``` uni.navigateTo({ url: '/pages/targetPage?id=123' }) ``` 在目标页面的onLoad钩子函数中可以通过`this.$route.query.id`来获取传递的参数值。 2. 通过query参数传递参数： 例如：要跳转到目标页面并传递参数id=123，可以这样写： ``` uni.navigateTo({ url: '/pages/targetPage', query: { id: 123 } }) ``` 在目标页面的onLoad钩子函数中可以通过`this.$route.query.id`来获取传递的参数值。 以上是uni.navigateTo传参的两种方式，你可以根据具体需求选择其中一种方式来传递参数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值