首页 > 其他分享 >Vue中使用this.$router.resolve打开新页面

Vue中使用this.$router.resolve打开新页面

时间:2023-02-14 19:44:39浏览次数:47  
标签:Vue text 新页面 resolve orgCode router id

方法一:

resolve会返回一个跳转路由对象

     if (id && orgCode) {
        let text = this.$router.resolve({
          path: path,
          query: {
            id: id,
            orgCode: orgCode
          }
        });
        console.log("----text-----", text);
        window.open(text.href, "_blank");
      } else {

方法二:

router-link to实现带参数传递

标签:Vue,text,新页面,resolve,orgCode,router,id
From: https://www.cnblogs.com/niufang/p/17120707.html

相关文章

  • vue简介及基础语法
    vue简介及基础语法前端编程从最初的html、css、js散件编写页面,到后来ajax异步请求的出现,在不断发展,在Angular框架出现之后,出现了前端工程化的概念,而现在时下最主流的框架......
  • vuex页面刷新数据丢失
    一:数据丢失的原因vuex存储的数据只是在页面中,相当于全局变量,页面刷新的时候vuex里的数据会重新初始化,导致数据丢失。因为vuex里的数据是保存在运行内存中的,当页面刷新时......
  • Vue实现字符串换行
    今天在做的时候需要用到字符串换行,在网上找了一下,换行是通过添加white-space:pre-wrap属性,通过\n进行换行在这里记录一下<stylelang="scss"scoped>::v-deep.el-tab......
  • vue2--day2
    昨日回顾#1put,post提交的json格式必须是标准json字符串格式#2字符串中不小心加了空格#4认证类,当前登录用户可以不去数据库查出来#5斜杠问题(中间件:django.mi......
  • vue
    今日内容1.插值语法2.文本指令3.属性指令4.事件指令5.class和style6.条件渲染7.列表渲染1.插值语法插值语法中可以放:变量,对象取值,数组取值,简单的js语法,函数()......
  • vue
    昨日回顾#1put,post提交的json格式必须是标准json字符串格式#2字符串中不小心加了空格#4认证类,当前登录用户可以不去数据库查出来#5斜杠问题(中间件:django.mi......
  • Vue 02
    Vue1.插值语法插值语法中可以放:变量,对象取值,数组取值简单的js语法函数(function())插值语法不能写在标签的属性中,只能写在标签的内部<htmllang="en"><head>......
  • vue02
    今日内容概要插值语法文本指令属性指令事件指令class和style条件渲染列表渲染今日内容详细插值语法vue的mvvm架构演示<!DOCTYPEhtml><htmllang="en"><he......
  • 通过Vue解决跨域问题(proxy配置代理)【转载】
    当我们在用本机去找服务器要数据时会产生跨域问题,所以利用vue-cli去开启一个代理服务器。方法一:在vue.config.js中添加如下配置//开启代理服务器(方式一)devServer......
  • vue---day01与day02
    上节回顾#1jwt源码分析 -签发: 登录----》ObtainJSONWebToken--->post--->serializer.is_valid()--->走了校验---》正常登录逻辑可以拿到序列化类的validate中写-......