Uniapp 实现与外部 HTML 页面通信

分类：uni-app

nvue html h5 uni_app

根据官方文档，实现uni-app与html通讯，需使用nvue才能实时通讯，
但我找到一篇文章，说有两种解决方法：
1、将uni-app项目的编译模式更改为V3编译模式，V3编译模式下，网页向应用postMessage为实时消息；
2、将uni-app项目中的使用web-view的vue页面更改称为nuve页面，此时，消息传递也为实时通讯，详细介绍一下nvue与h5页面通讯；

又看到一篇文章总结了 Uniapp实现与外部HTML页面通讯

我现在的需求就是要能够在uni-app里实现app与HTML的通讯，但是需要进行热更新方式更新版本。

有几个问题想确认一下：
1、如果使用nvue方式，增加一个页面，是否可以使用热更新的方式进行版本升级？
2、我现在使用的HbuilderX 版本是2.8.3.20200728，找不到V3编译模式的选择，是不是这个版本已经默认是使用V3编译模式了呢？

2020-08-26 09:30 负责人:无分享

2 个回复

雨悸 (作者)

https://ask.dcloud.net.cn/article/id-36988__page-9看到公告了，2.7之后的版本没有编译器可选了

雨悸 (作者)

HbuilderX2.7版本之后默认都是V3编译器，所以可以直接使用vue页面，通过@message方法即可进行通讯

<template>  
    <view><web-view :src="src" @message="handleMsg"></web-view></view>  
</template>  

handleMsg(evt) {  
    console.log('接收到的消息：' + JSON.stringify(evt.detail.data));  
},

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

Uniapp 实现 与 外部 HTML 页面通信

与内容相关的链接

2 个回复

公告

相关问题

Uniapp 实现与外部 HTML 页面通信