5***@qq.com
5***@qq.com
  • 发布:2023-10-16 20:02
  • 更新:2023-10-16 23:11
  • 阅读:260

nvue如何向webview里面传参,并接收?目前是vue2环境

分类:nvue
求助,有没有大佬弄过?nvue嵌入webview并传参的? <web-view ref="webview" src="/hybrid/html/local.html" style="{'width':window_width + 'px','height':window_height + 'px'}"></web-view>
2023-10-16 20:02 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

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

    试过了,没反应

    2023-10-17 09:31

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

    setTimeout(() => {  
    let dataToPass = {
    action: 66,
    time: new Date().toLocaleString()
    };
    console.log("AA",dataToPass)
    // 通过 onPageFinish 事件传递数据给 .nvue 文件
    this.$refs.webview.evalJs("onPageFinish(" + JSON.stringify(dataToPass) + ")");
    }, 2000)

    2023-10-17 09:32

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

    // 定义一个全局函数 onPageFinish 来接收参数

    function onPageFinish(data) {

    console.log("AA")

    if (data) {

    let parsedData = JSON.parse(data);

    if (parsedData.action === 66) {

    console.log("接收到时间信息:", parsedData.time);

    // 在这里执行你的操作

    }

    }

    }

    2023-10-17 09:32

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

    <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js">  
    </script>

    2023-10-17 09:33

要回复问题请先登录注册