前端vue2.0跳转路由如何传参

下面代码的含义

const queryParamsStr = JSON.stringify(this.queryParams)
this.$router.push({ name: pathName, query: { id: row.id, pid: row.pid, title: row.title, params: queryParamsStr } })

这段代码是在Vue.js框架中使用，其含义为：

1. 将当前组件的查询参数对象（this.queryParams）转换为JSON字符串（queryParamsStr）。

2. 通过Vue Router的push方法，跳转到指定的路由（name为pathName），同时传递了一些参数：

- id: 表示当前行的ID。

- pid: 表示当前行的父级ID。

- title: 表示当前行的标题。

- params: 表示当前组件的查询参数对象的JSON字符串表示（即上面转换得到的queryParamsStr）。

这段代码的作用是在跳转到指定路由时，将一些必要的参数传递给目标路由，方便目标路由使用这些参数进行相应的操作。

下面代码含义

if (this.$router.currentRoute.query.status) {
      this.active = this.$router.currentRoute.query.status + ''
    }
if (this.$router.currentRoute.query) {
  Object.assign(this.queryParams, this.$router.currentRoute.query)
  if (this.queryParams.type) {
    this.queryParams.type = parseInt(this.queryParams.type)
  }
}

这段代码的含义是：

1. 如果当前路由的查询参数中包含 status，则将 active 属性设置为该参数的值，并将其转换为字符串类型。

2. 不管是否存在 status 参数，都将当前路由的查询参数合并到 queryParams 对象中。

3. 如果 queryParams 对象中存在 type 参数，则将其转换为整数类型。