vue获取地址栏的值，谁会，求大佬指导

Bulllauuu 2019-12-29 10:08:01

vue获取地址栏的值，最好是data能直接接收，最好写个例子

...全文

644 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

hurtCat 2020-01-12

打赏
举报

回复

JS就可以做了，你可以看一下BOM，location是地址栏对象，location.href即可获取地址

亦夜 2019-12-30

打赏
举报

回复

获取地址栏的值，不一定要用vue写，随便写一个js函数都可以解决，你可以看下这个，写个js文件然后用Vue引入 https://blog.csdn.net/m18565890306/article/details/83926416

博客介绍了Vue跳转页面传值的方式，包括params传参和query传参。params传参类似post请求，参数不在地址栏显示；query传参类似get请求，参数会显示在地址栏。同时提醒传参用router，接收用route，query传参需加路由name属性，否则无法取值。

本文介绍了一种在Vue项目中通过自定义JavaScript函数解析URL地址栏参数的方法。该方法通过截取URL中的查询字符串，将其转换为数组并进一步解析成键值对，最终将参数挂载到全局，方便在Vue应用中随时调用。

本文介绍了在Vue3中使用组合式API获取地址栏参数的方法，包括获取路由信息、监听参数变化以及处理默认值和错误情况。同时提供了一个完整示例，并强调了响应性、避免解构和路由版本兼容性等注意事项。

本文探讨了Vue中页面传值的两种常见方式：params和query，以及它们如何影响地址栏显示。params传值类似于POST请求，不会直接在地址栏显示，而query传值则类似于GET请求，会在地址栏可见。此外，还提到了Vue中父子组件之间的数据传递。

本文介绍了如何在原生JavaScript、Vue、Angular和React框架下获取URL参数，包括查询参数和路径参数。提供了正则表达式、截取字符串等多种实现方式，并展示了不同框架下的具体代码示例。,

67,535

社区成员

225,849

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章