QWebChannel在vue中与客户端通信

项目介绍如下： 客户端调用web端的页面，web端项目使用的是vue2,需要与客户端通行使用的是QWebChannel

步骤：

1.首先将qwebchannel.js引入到项目中存放位置最好是放到public/js下面

2.在需要使用的页面引入qwebchannel.js

import QWebChannel from '../../../public/js/qwebchannel.js'

3.客户端给web端发送通知（双方协商定义一个方法）列如:iocEventPush

//mounted钩子函数中将iocEventPush定义到window中 （val）是客户端传过来的参数，如果没有可以不用写

mounted(){

        window.iocEventPush = (val) => {

                this.iocEventPushData(val)

        }

},

//methods中定义iocEventPushData方法写逻辑

methods：{

iocEventPushData（val）{

//这里写代码逻辑

}

}

4.web端给客户端发送消息（双方协商定义一个方法）列如:paraconfigChanged

在需要通知客户端的函数下直接写就行，列：

new QWebChannel(qt.webChannelTransport, function(channel) {

                       channel.objects.webView.paraconfigChanged()

                   })