在前端开发中不可避免使用链接的参数等信息,那么咱就一起记录下各种获取的方法
对象获得当前页面的地址 (URL)
使用以下方式,获取 对应值
- 当前页面访问路径,返回 “https://editor.csdn.net/md?not_checkout=1&articleId=131126631”
- web 主机的域名,返回"editor.csdn.net"
- 当前页面的路径和文件名,返回"/md/"
- web 主机的端口 (80 或 443),返回
“” - 所使用的 web 协议(http: 或 https:),返回
“https:” - 路径查询参数,返回"?not_checkout=1&articleId=131126631"
- 当前位置的哈希。如果存在,则以“#”开头。
最常使用的是获取当前连接参数数据,可是原生并没有解析完对应的值,需要咱自个手动解析链接参数对对象
直接替换 的值即可
例如 跳页 ,直接 即可。注意如果值跳页不同协议链接,需要带上web协议;同个协议内链接调整可直接替换为页面路径即可
正常开发经常遇到对象值需要转换为链接参数然后再进行跳页,例如把以下对象做为链接参数传值
执行 即可
1、使用 获取(),这种取值需要在 或对应生命周期内执行才有效,否则会出现
- 链接路径名加上参数部分,即原生 +
- 当前位置的哈希。如果存在,则以“#”开头。同
- 包含组件的{@link 路由记录}数组,还包含重定向记录和对应的子路由等信息
- 简单来说就是路由元信息,也就是每个路由身上携带的信息。
- 路由配置的名称
- 路由配置参数,例如 { path:‘/user/:id’, name:“users”, …} 中的 id
- 链接路径名,同
- 链接参数,对象格式
- 重定向来源信息
2、如果是在setup之外(均可获取),例如hooks内需要获取则可使用获取路由配置文件来获取
3、使用 获取(均可使用,如果是需要在存在this的生命周期内使用),如图显示
1、使用 获取(均可使用,如果是需要在存在this的生命周期内使用)
- 根据路由路径跳页
- 根据路由名称跳页,可结合路由配置赋值对应的连接参数
2、使用导入 跳页(可用),同 需要在 或对应生命周期内执行才有效,否则会出现 。传值方式同第一点,可选路径名称或者路径地址跳页(常用方式)
以上就是本篇文章【获得当前页面的地址 (URL)信息、跳页及刷新等(解析链接参数)】的全部内容了,欢迎阅览 ! 文章地址:http://ww.kub2b.com/quote/9712.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 企库往资讯移动站http://ww.kub2b.com/mobile/,查看更多