vue跳转当前页面，执行接口

在使用vue开发项目时遇到一个需求，点击标题跳转当前页面。通过 this.$router.push已经更改了url上面的参数，但是页面没有重新加载，这个要如何处理呢？

可以通过使用watch监听地址栏上的参数变化实现页面数据更新。

实现代码：

 watch: {$route: { // 监听路由的参数变化handler () { // 数据变化更新数据this.instId = this.$route.query.instId this.getInstDetail()},immediate: true // 立即执行}},

转载于：vue如何跳转本页面_hua_ban_yu的博客-CSDN博客_vue 跳转当前页面

vue跳转当前页面，执行接口相关推荐

vue跳转下个页面关闭当前页面_vue页面跳转 vue生命周期
1.vue页面跳转 // 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first' }) / ...
vue跳转下个页面关闭当前页面_如何机智判断页面是刷新还是关闭，背景：vue项目，需求：关闭页面，下次直接跳到登陆页...
最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了 ...
vue跳转不同页面的多种方法
1:router-link跳转  <router-link to='/testDemo'><button>点击跳转2</button ...
vue 跳转新页面并传参
前言最近开发过程中有个新的需求,需要点击事件后跳转新的页面然后通过传参的数据展示表格. 具体来说,在一个Modal容器中,有一行字 "XXX目录",点击这个目录,就会跳转 ...
vue跳转新页面链接以及url 转码
转码后: 论文-万方医学网
vue 跳转页面带对象_vue跳转页面的几种方法(推荐)
vue跳转不同页面的多种方法 1:router-link跳转点击跳转2 点击跳转1 点击跳转3 2:this.$router.push() 点击跳转4 export default{ name:'t ...
vue跳转页面的几种方法
vue跳转不同页面的多种方法 1:router-link跳转 1 2 3 4 5 6 7 8 9 10 11 12 13  <router-link to= ...
【NuxtJs】支付宝PC支付跳转支付页面处理方案
一:支付宝支付基础结构页面构建 1.选择支付宝选项 2.点击下面立即支付按钮 <button @click="handlePay">立即支付</button> ...
vue跳转页面携带参数并且立即执行方法
1.首先定义跳转函数这个是链接跳转 <a href="javascript:void(0)" onclick="openPage()">位移变化趋 ...

vue跳转当前页面，执行接口

vue跳转当前页面，执行接口相关推荐

最新文章

热门文章