请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

web组件打开一个H5网页,网页经过多次跳转后,要保存当前...

1
回复
386
查看
[复制链接]

46

主题

47

帖子

465

积分

 楼主| 2021-10-15 15:34:43 显示全部楼层 |阅读模式

web组件打开一个H5网页,网页经过多次跳转后,要保存当前页面的url,快应用中有方法获取当前网页的url吗?


回复

使用道具 举报

23

主题

142

帖子

825

积分

2021-10-15 16:20:57 显示全部楼层

可以监听web的pagestart事件或者pagefinish事件来获取,示例代码如下:

<template>
<!-- Only one root node is allowed in template. -->
<div class="container" id="ani">
<text class="title">Hello World</text>
<web id="webid" src="{{src}}" onpagestart="onPageStart" onpagefinish="pagefinish" style="width:100%;height:500px"></web>
</div>
</template>
<style>
  .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .title {
    font-size: 100px;
  }
</style>
<script>
  module.exports = {
    data: {
      componentData: {},
      test: '',
      src: "https://www.baidu.com"
    },
    onInit() {
    },
    onPageStart(e) {
      console.info('pagestart: ' + e.url)
    },
    pagefinish(e) {
      console.info('pagefinish: ' + e.url)
    }
  }
</script>

第一次打开网页时获取的H5地址如下:

网页多次打开后获取的H5地址如下:


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册