2404
浏览量
5
粉丝
7
关注

vue获取url中的参数


2020-09-14 11:33:33 149 0

vue获取url中的参数

1.带参数名 https://www.daima.net?id=123&name=456 获取方式:

方式一(路由获取):

let data = {
  'id': this.$route.params.id,
  'name': this.$route.params.name
}

方式二(自定义方法):

let data = {
  'id': this.getParam('id'),
  'name': this.getParam('name'))
}
getParam (variable) {
  let query = window.location.search.substring(1)
  let vars = query.split('&')
  for (let i = 0; i < vars.length; i++) {
    let pair = vars[i].split('=')
    if (pair[0] === variable) {
      return pair[1]
    }
  }
  return null
}

需要注意的点: 像https://www.daima.net/zhangsan 这种不带参数名的可以直接用路由获取, 如:

this.$route.params.id
精彩评论
暂无评论