Vuejs：从js文件中的url获取参数？

Question

我有一个 url : http://local-pr.local?id=12

在page.vue中：

我用的是：console.log(this.$route.query.id)，成功获取

现在我想在文件中获取参数：page.js

import addon from './addon'
import user from './user'

// I want to check if there is a new params id that has it export default
if (this.$route.query.id) {
   export default [...addon, ...user]
}

console.log(this.$route.query.id)

错误：原因：类型错误：无法读取未定义的属性（读取“$route”）

有没有办法获取js文件中的params？请给我一些经验。谢谢。

Answer 1

您可以导出一个以 $route 作为参数的函数：


import addon from './addon'
import user from './user'

export default function  checkParams(route) {
   if(this.$route.query.id){
    return [...addon, ...user]
  }
}

在任何组件中你可以做：

import checkParams from './page.js'

.....

let data=checkParams(this.$route)

Vuejs：从js文件中的url获取参数？

Vuejs: get parameters from url in js file?

javascript

vue.js