vue 如何封装 路由 传参

前端 做项目当中 路由的跳转 是 经常见到的

所以我简单的封装了一下
直接上代码把！

你可以写一个js文件中方在static里面 然后放在index.html里面去使用

  // 跳转
  window.http.go = function(url, params, delay) {
    var buf = [],val
    if(params) {
      for(var name in params) {
        val = params[name]
        buf.push(name + "=" + (val == null ? "" : encodeURIComponent(val)))
      }
    }
    if(buf.length) {
      if(url.indexOf('?') == -1) {
        url += '?' + buf.join('&')
      } else {
        url += '&' + buf.join('&')
      }
    }
    setTimeout(function() {
      window.location.href = url
    }, delay || 1)

  }

使用方法
  this.go('billDtlHw', {}, { id: item.id })
  //方法中 go { '' , {} , {}}
  //第一个是路由的name 名称，  第二个是query 传参 ，  第三个是 params 传参 

页面获取
 created () {
    this.id = this.$route.params.id
  },
//跳转成功 获的传递过来的参数