美文网首页
vue获得url传递的参数

vue获得url传递的参数

作者: 前端划水工 | 来源:发表于2018-06-27 14:04 被阅读0次

    在项目开发的时候需要通过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传递的参数

          本文链接:https://www.haomeiwen.com/subject/wtmbyftx.html