相关文章
获得当前页面的地址 (URL)信息、跳页及刷新等(解析链接参数)
2024-12-24 06:01


在前端开发中不可避免使用链接的参数等信息,那么咱就一起记录下各种获取的方法


对象获得当前页面的地址 (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/,查看更多   
发表评论
0评