当前位置: 首页 > news >正文

vue3中返回带参数如何实现?

1 利用$vm对象。直接获取上一个页面对象的实例,直接操控该页面中的数据进行更改。

const selectItem = async (data, type) => {console.log('data-----', data)curSelectedData.value = dataconsole.log('当前选择项', curSelectedData.value)//上一个页面的信息const pages = getCurrentPages()const prevPage = pages[pages.length - 2]console.log('pages---', pages)console.log('pages---', prevPage)if (prevPage && prevPage.$vm) {console.log('prevPage.$vm', prevPage.$vm)console.log('prevPage.$vm', prevPage.$vm.detailData.value)let { taskId, itemCode } = curSelectedData.valueprevPage.$vm.detailData.itemCode = prevPage.$vm.getDetail(taskId)}router.back()

这里有两个注意的点:

1如果想在B页面返回时操作A页面中的数据。A页面中定义的数据(可以是ref对象或者函数)必须要通过defineExpose()出去。否则prevPage.$vm拿不到。因为vue3默认内部都是私有的

2 如果是A页面中定义的对象是通过ref()定义的,在B页面修改时无需.value;内部会自动解析

prevPage.$vm.detailData.itemCode = prevPage.$vm.getDetail(taskId)

http://www.dtcms.com/a/399321.html

相关文章:

  • Kafka Rebalance机制全解析
  • 温州集团网站建设网站怎么做外部链接
  • 华为云产品体系选择
  • 公司网站站群是什么赣州网上商城入驻方案
  • 驱动(二)Linux 系统移植、驱动开发框架
  • LDPC码的BP译码算法(一)
  • mit6s081 lab6: copy of write fork
  • 【多尺度/局部-全局融合与优化 】涉及的工业异常检测论文摘要整理
  • CRI与容器运行时:从Kubelet到Container的最后一公里
  • cnu摄影网站chrome官网
  • 一篇了解 Git 使用方法
  • wordVSTO插件实现自动填充序号
  • 海口网站建设哪家专业灌南住房建设局网站
  • 若依框架 (Spring Boot 3) 集成 knife4j 实现 OpenAPI 文档增强
  • MySQL分库分表详解:从原理、策略到ShardingSphere中间件选型,避坑指南一篇就够了
  • Excel知识体系
  • 零基础网站建设入门到精通视频教《妻子》在线观看免费韩剧
  • AI 大模型驱动的开源知识库搭建系统 PandaWiki的网页挂件机器人教程
  • 甘露园网站建设wordpress文章页面区别
  • 网上做视频赚钱的网站有哪些企查查企业信息
  • 网站生成静态页面工具wordpress menu icons
  • [css] flex 布局设置文字不自动换行
  • Suno V5首发 – V5模型重磅来袭 —— AI 音乐创作进入全新纪元
  • 构建AI智能体:四十二、使用 Qwen-Agent Assistant 调用高德 API 实现天气查询
  • 网站用的服务器网站怎么维护更新
  • Metal - 2. 3D 模型深度解析
  • 做非经营网站需要营业执照莱芜在线沙总
  • 网站建设模板研究玉林市网站开发公司电话
  • 无线数传模块优化挖掘机工厂机械设备的远程监控通讯
  • 【最终章】-串口收发指令处理器-Verilog语法学习EP12