博客
关于我
vue中url的跳转以及参数获取
阅读量:492 次
发布时间:2019-03-07

本文共 961 字,大约阅读时间需要 3 分钟。

vue页面跳转url和参数获取

起因 :

  • 这两天因为工作需求, 需要做两个页面跳转(原本是表单的来回弹出,),本来只是一个小小的需求, 怎么想到, 我一个java的小白,
    居然在百度来回查找vue的小知识, 但是很幸运的是我找到了不少, 然后本地测了好多, 由于有一些搞不懂,
    所以就只留了两套自己可以看懂的来记录一下.
    来吧,展示 :
  • 首先, 先从一个页面的跳转记录起来,
  • 1 第一种写法:  this.$router.push({ name: 'claimApplicationdexAct', query: { accountId1: this.roleFormTemp0.accountId0 } })

这种写法其实很好理解 name : 路径的别名(也可以用path: ‘跳转的url’ 来代替) , 后半部分: query 代表一个对象(虽然params也可以代表), query和params在用法上大致相当, 只是query代表 着公开, params代表了 隐私(个人这么理解) 当你想要在url展示点东西的时候 你可以用query来携带参数 ,

例如: 在这里插入图片描述
而我还是喜欢隐藏一下 s♪(・ω・)ノ
我使用的是params
效果: 在这里插入图片描述
第二种方法:
this.$router.replace(‘要访问的url’)
// 我也没搞懂这个方法, 反正用着好使就得嘞

接收路径参数:

  • 1 this.$route.params.参数名称

    这样就拿到想要拿的那个参数的值了, 与上面两个跳转是相对应的用法

    但是一定要注意 跳转路径为 " r o u t e r " ∗ ∗ 接 收 参 数 为 ∗ ∗ " router"** 接收参数为 **" router""route"

  • 2 var test = window.location.href;

    var accountId = test.split("?accountId1=")[1];
    这个方法其实还是蛮好理解的, window.location.href 是获取 一条url ,
    然后通过对其截取的办法 去拿取参数 , 类似于java中的分割字符串, 在指定位置截取以后 拿到我们想要的参数值.

我是小宁, 一个渴望摆脱现状而又没有动力去行动的菜鸟

转载地址:http://pbjcz.baihongyu.com/

你可能感兴趣的文章
Mysql中存储引擎简介、修改、查询、选择
查看>>
Mysql中存储过程、存储函数、自定义函数、变量、流程控制语句、光标/游标、定义条件和处理程序的使用示例
查看>>
mysql中实现rownum,对结果进行排序
查看>>
mysql中对于数据库的基本操作
查看>>
Mysql中常用函数的使用示例
查看>>
MySql中怎样使用case-when实现判断查询结果返回
查看>>
Mysql中怎样使用update更新某列的数据减去指定值
查看>>
Mysql中怎样设置指定ip远程访问连接
查看>>
mysql中数据表的基本操作很难嘛,由这个实验来带你从头走一遍
查看>>
Mysql中文乱码问题完美解决方案
查看>>
mysql中的 +号 和 CONCAT(str1,str2,...)
查看>>
Mysql中的 IFNULL 函数的详解
查看>>
mysql中的collate关键字是什么意思?
查看>>
MySql中的concat()相关函数
查看>>
mysql中的concat函数,concat_ws函数,concat_group函数之间的区别
查看>>
MySQL中的count函数
查看>>
MySQL中的DB、DBMS、SQL
查看>>
MySQL中的DECIMAL类型:MYSQL_TYPE_DECIMAL与MYSQL_TYPE_NEWDECIMAL详解
查看>>
MySQL中的GROUP_CONCAT()函数详解与实战应用
查看>>
MySQL中的IO问题分析与优化
查看>>