6***@qq.com
6***@qq.com
  • 发布:2021-04-15 12:27
  • 更新:2021-04-16 16:23
  • 阅读:1861

请问uniapp 在app端如何调用webview内的H5页面的方法,或者给webview内的H5页面持续传送动态值

分类:uni-app

app应用如何向网页发消息

2021-04-15 12:27 负责人:无 分享
已邀请:
突然好想你

突然好想你

this.$refs.webview.evalJs("func()");这个func写在webview网页里的,目前我是这么用的,我的是nvue不知道vue有没有效,并且用的是本地网页,没有测试远程的

  • 6***@qq.com (作者)

    感谢!

    2021-04-16 16:25

  • 1***@qq.com

    回复 6***@qq.com: 我这为啥evalJS是空呀,拿不到这个方法

    2023-02-07 16:28

青阳_1900

青阳_1900

通过 evalJS 和 CustomEvent 实现事件通知

try {  
        const pages = getCurrentPages()  
        const prev = pages[pages.length - 1]  
        const webview = prev.$getAppWebview().children()[0]  
        webview.evalJS('document.dispatchEvent(new CustomEvent("YourEventName"))')  
      } catch (e) {  
        console.log(e)  
      }
6***@qq.com

6***@qq.com (作者)

以上两种方法我都实现了,都好使,最后采用了第二种方法,因为第二种方法对于h5的改动最小,不需要将方法绑定到window,这样app只负责派发和接收事件

  • 9***@qq.com

    调用远程webview可以吗?

    2021-07-22 16:21

该问题目前已经被锁定, 无法添加新回复