Vue路由获取路由参数 | 获取URL参数

vue路由设置路由参数有2种方式：

1.通过query配置：

1. <router-link :to="{ name:'login',query:{id:1} }">登录</router-link>

2. //通过query配置的路径显示如下：.html#/login?id=1

2.通过params配置：

1. <router-link :to="{ name:'register',params:{'name':'San'} }">注册</router-link>

2. //通过params配置的路径显示如下：.html#/register/San

通过该方法配置的参数，需要在配置路由的时候给参数留个坑，如下图：

 3.获取路由参数的方法：

1.通过query配置的：this.$route.query

2.通过params配置的：this.$route.params

获取加密的路由参数 const params = JSON.parse(this.$Base64.decode(this.$route.query.params.toString()))

// 获取url参数
function getUrlsParams(url) {
  console.log(url, 'url')
  const temp1 = url.split('?')
  const pram = temp1[1]
  const keyValue = pram.split('&')
  const obj = {}
  for (let i = 0; i < keyValue.length; i++) {
    const item = keyValue[i].split('=')
    const key = item[0]
    const value = item[1]
    obj[key] = value
  }
  return obj
}