vue 跳转并传参,实现数据实时更新

2023-10-27

原文链接: 点我

比如我现在在页面A跳转到页面B,A中的router-link :to={path:’B’,params:{id:’5’}}

clipboard.png

clipboard.png

求助:在页面B中的mounted生命周期函数中使用this.$route.params.id,然后通过id的值进行其他操作,但是页面没有新的操作路由或者操作页面的程序,导致数据拿到但是页面没更新,得手动刷新页面才能出现最终要的结果,如何解决?

解决办法:

watch: {

  '$route'(to, from) {

   执行数据更新对应的方法  比方说
   this.id = this.data_id

     }

}

转载于:https://www.cnblogs.com/myfate/p/11512252.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue 跳转并传参,实现数据实时更新 的相关文章

  • 无法在地图循环中访问 Axios 调用的值

    我有一个 javascript 对象 其 ID 对应于一组画廊 我使用地图循环遍历它 在每个循环中 我都会进行 axios 调用来获取当前 id 的图库 最后 我需要一个包含所有画廊内容的数组 问题是地图循环完成后我无法访问数据 当我 co
  • JavaScript 画布内存问题

    我在用着getImageData putImageData在 HTML5 画布上能够操作图片 我的问题是浏览器似乎从来没有释放任何内存 http jonelf posterous com lite gc men for sent 直到我关闭
  • Mozilla WebExtension API 存储 - 使用和不使用断点进行调试会导致不同的输出

    大家好 我正在尝试为 Mozilla Firefox 浏览器实现一个附加组件 以下脚本显示了我已经成功集成的一个后台脚本 它使用 Mozilla WebExtension API 存储 它被执行了 但浏览器控制台上的日志让我感到惊讶 我交替
  • 图表.js.如何更改“标签”数组的字体样式?

    我从 Chart JS 库中获取了一个图表 截屏 https i stack imgur com DnuRq png var ctx document getElementById myChart var data labels HTML
  • 网络上的等角柱状图

    我计划为游戏的标记 图钉 构建在线地图 但我无法设置标记的正确纬度 原始地图是一个2048 2048px 的正方形 然后我得到了标记 数千个 地图坐标使用 0 到 100 之间的 x y 表示法设置 0 0 是top left角和100 1
  • React Native 无法访问 Cloud Firestore 后端

    我之前使用的是 firebase 实时数据库 但现在想切换到 Cloud Firestore 但即使经过身份验证 也会收到以下错误 我目前正在使用 Android Simulator 尝试禁用我的实时数据库 但找不到解决方案 Firebas
  • 从 puppeteer PDF 中删除分页符?

    我目前正在尝试查看是否有一种方法可以删除我的 puppeteer PDF 中的分页符 因为我当前的 PDF 设置中的一些分页符正在以一种奇怪的方式切断文本 我正在谈论的内容的屏幕截图 我的傀儡代码 app get companyId pdf
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 为什么Promise中的代码会同步执行? [复制]

    这个问题在这里已经有答案了 在我的项目中 我有一个很长时间运行的操作 所以我决定将其放入Promise因为我认为这样我就可以在里面的代码继续执行其他操作Promise正在跑步 调试的时候发现外面的代码Promise仅当里面的代码执行Prom
  • 为某个时刻添加持续时间 (moment.js)

    时刻版本 2 0 0 阅读文档后 http momentjs com docs manipulating add 我认为这很简单 Chrome 控制台 var timestring1 2013 05 09T00 00 00Z var tim
  • 如何使用 github 托管外部 CSS 文件?

    我将 css 上传到 github 然后转到网站上的文件并单击 raw 选项 我尝试将其添加到网页中 但 chrome 给出以下错误 资源解释为样式表 但使用 MIME 类型 text plain 进行传输 https raw github
  • 在给定索引上将字符串分成两部分并返回两部分

    我有一个字符串 需要在给定索引上拆分 然后返回两个部分 并用逗号分隔 例如 string 8211 8 211 98700 98 700 因此 我需要能够在任何给定索引上拆分字符串 然后返回字符串的两半 内置方法似乎执行分割 但只返回分割的
  • 为什么这个递归函数返回未定义?

    我正在尝试编写一个使用递归组合两个字符串的函数 我的代码如下 但我不知道为什么该函数返回未定义 特别是当我在基本情况下使用 console log 时 它不会打印未定义而是打印正确的值 var str3 function merge str
  • NodeJS - 将相对路径转换为绝对路径

    In my 文件系统我的工作目录在这里 C temp a b c d 在 b bb 下有文件 tmp txt C temp a b bb tmp txt 如果我想从工作目录转到该文件 我将使用以下路径 bb tmp txt 如果该文件不存在
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • 当rest api应用程序服务器(express)和Angulars js应用程序在不同端口上运行时出现Cors问题

    我有用node js编写的rest api应用程序 express在端口3000上运行 而angularjs应用程序在同一服务器上的端口9001上运行 从 angularjs 应用程序调用 rst api 时 出现了 cors 问题 在re
  • chrome 选项卡/窗口中的 window.open 行为

    我有一小段 javascript 旨在打开两个或更多选项卡 这在 FF 和 IE 中工作正常 但 chrome 会在新窗口而不是选项卡中打开第二个窗口 它不依赖于 url 因为我已经尝试过使用两个相同的 url 第一个在选项卡中打开 第二个
  • D3 强制布局,较大的节点聚集在中心

    我一直在修改将用于标签云的强制布局 每个标签都由一个
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 加载 Angular 库时,IE9 和 IE10 中出现 Angular JS“SCRIPT5007:预期对象”错误

    我正在开发一个 AngularJS 应用程序 该应用程序应在 Firefox IE 9 和 IE 10 上运行 我使用最新版本的 angularjs 库 现在是 1 3 15 服务器端是在JavaEE平台上用Java编写的 服务器运行在Gl

随机推荐

  • 实验15:20211127 Java大数据1+X 中级实操考试(id:2660)

    实验15 20211127 Java大数据1 X 中级实操考试 id 2660 一 项目背景说明 二 表结构 三 步骤 5 分 步骤 1 项目准备 5 分 步骤 2 完成实体类 Student 10 分 步骤 3 完成实体类 Course
  • 构造函数不能被继承

    1 派生类不能继承基类的构造函数 必需提供自个的构造函数 防止紧耦合 继承一切成员 构造函数除外 2 析构函数同理 只是由于析构函数无参数需传递 所以似乎能合适的使用 逻辑上 提供 3 由系统隐式使用析构函数 缺省构造函数 class B
  • ubuntu Linux操作系统使用教程(学习笔记)

    本文为 Ubuntu Linux操作系统使用教程 人民邮电出版社 的个人学习笔记 第一章 系统介绍 Linux GNU GPL的关系 Linux的主要发行版本 Linux系统特性及与Windows的区别 略 第二章 系统部署 系统安装 略
  • 模板模式

    简介 在模板模式中 一个抽象类公开定义了执行它的方法的方式 模板 它的子类可以按需要重写方法实现 但调用将以抽象类中定义的方式进行 这种类型的设计模式属于行为型模式 主要解决 一些方法通用 却在每一个子类都重新写了这一方法 注意 一般模板方
  • Spring Bean (作用域,依赖注入四种方式,生命周期)

    附带Spring5 种不同方式的自动装配 一 Spring Bean 作用域 Spring 3 中为 Bean 定义了 5 中作用域 分别为 singleton 单例 prototype 原型 request session 和 globa
  • Mysql安装后登陆失败,(用户名/密码正确)

    使用 AppServ安装Mysql套件 安装完成后使用正确的用户名密码登陆MySQL 错误提示 提示用户名或密码不正确 解决方法 1 安装目录下找到my ini 2 修改my ini 在最后一行加入 skip grant tables 3
  • Postgresql杂谈 20—详解Postgresql中的Checkpoint、WAL日志和热备份恢复

    本文中 我们共同学习下Postgresql的WAL日志 WAL 是Write Ahead Log的简称 翻译过来就是预写日志 或者叫做重做日志 相信大家对数据库事务的四大特性ACID 原子性 一致性 隔离性和持久性 已经非常熟悉了 今天我们
  • VS编译报错集合

    error C2872 byte 不明确的符号 编译错误信息 error C2872 byte 不明确的符号 这里重复定义了byte类型 1 gt 可能是 k program files x86 microsoft sdks windows
  • OpenCV contrib编译及问题解决

    OpenCV是一个开源发行的跨平台计算机视觉和机器学习软件库 可以运行在Linux Windows Android和Mac OS操作系统上 OpenCV中包括很多类型的算法包 还有第三方及专利算法 在实际工程中 经常需要根据特性定制库 这就
  • 138. 复制带随机指针的链表

    LeetCode题解 前言 复制带随机指针的链表 前言 在刷题的过程中 遇到了一个很棒的思路 与是便记录了下来 复制带随机指针的链表 题目描述 挑战链接 分析 题目描述的很长 但是仔细阅读的话 我们会发现题目想表达的意思很明确 就是将题目给
  • 一个非常简洁好用的PHP实现EXCEL导出功能(精)

    直接复制粘贴到PHP脚本中就能导出EXCEL 自己根据需要替换 ReportArr里面的内容即可 输出的文件类型为excel header Content type application vnd ms excel 提示下载 header
  • 【OS实验】【学习笔记】

    文章目录 零 实验参考 实验1 熟悉实验环境 PS personal summary 实验2 操作系统的引导 PS personal summary 实验3 系统调用 Aim Do what PO Personal Oprate PS pe
  • Q_SIGNALS,Q_SLOTS, Q_EMIT

    http hi baidu com lhj dekongjian blog item 0bc212d12c2ac426960a1643 html CONFIG no keywords 它告诉QT不要定义moc关键字signals slots
  • 《STL源码剖析》之type_traits

    阅读STL源码时有两个疑问 1 在源码中大量出现的typedef有什么用 2 源码中所谓的type traits 类型萃取 是个什么东西 其实这两个问题是有相关性的 想搞懂问题2必须先解决问题1 首先看STL中如何使用typedef 并解答
  • 域名讲解(一)域名基础概念

    一 什么是域名 域名是什么 从技术角度来说就是IP地址映射 域名 英语 Domain Name 又称网域 是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称 用于在数据传输时对计算机的定位标识 有时也指地理位置 由于
  • matlab 统计向量中不同元素的个数

    请问下如何计算matlab 中某个向量的不同元素个数 比如a 1 1 1 2 2 4 4 5 5 7 8 9 7 8 9 那么不同元素个数为1 2 4 5 7 8 9 numel unique a
  • Spring Boot 27:Springboot配置两个数据库

    public class JdbcTemplate extends JdbcAccessor implements JdbcOperations public JdbcTemplate DataSource dataSource setDa
  • 力扣2413:最小偶倍数

    311周赛第一题 原题链接 2413 最小偶倍数 题目 给你一个正整数 n 返回 2 和 n 的最小公倍数 正整数 示例 1 输入 n 5 输出 10 解释 5 和 2 的最小公倍数是 10 示例 2 输入 n 6 输出 6 解释 6 和
  • ajax python没有反应,Python脚本没有触发jQuery窗体通过ajaxForm重置

    我搜索没有运气 所以请原谅我 如果这是多余的 我是Python的新手 并且有一个简单的HTML表单 在提交时 清除表单 通过action py脚本发送一封电子邮件 并在相同的表单页面上发送一条消息 提醒js 邮件得到正确发送 但表单不清除
  • vue 跳转并传参,实现数据实时更新

    原文链接 点我 比如我现在在页面A跳转到页面B A中的router link to path B params id 5 求助 在页面B中的mounted生命周期函数中使用this route params id 然后通过id的值进行其他操