vue获得url传递的参数

在项目开发的时候需要通过url来传递参数,类似于这种
https://www.jianshu.com/index.html?name=xxx&age=18
未来方便管理,我将获得参数方法放在公共文件里
第一步 先安装依赖qs //查询字符串解析和字符串化库,增加了一些安全性
npm----npm install qs --save
yarn---yarn add qs --save
第二步 新建js文件放在项目公共文件里,例如getUrl.js,并在该文件里写入以下代码。

import qs from 'qs'
export let searchParams = qs.parse(location.search.replace('?', ''))
export { searchParams as default }

第三步 在需要使用的地方引入该文件,因为我的目录是放在tools下的
所以我的引入路径是
import searchParams from 'tools/getUrl'
最后调用该方法
let name = searchParams.name
let age = searchParams.age
--------------就是这么很简答的一个方法大家学到了吗

你可能感兴趣的:(vue获得url传递的参数)