uniapp webview与uniapp相互传参

明日之后

uniapp 设计引用webview的页面

[JavaScript] 纯文本查看 复制代码

//全局公共引入

xx.js

const tui = require("./uniwebview.js")

Vue.prototype.tui = tui

 

//组件功能页面xxx.vue

mounted () {

    document.addEventListener("getUNIMsg",(e)=>{

            //webview接收uniapp传过来的信息

      console.log('getUNIMsg',e.detail.msg)

      this.$store.commit('SET_MSG', e.detail.msg)

    },false)

}

methods: {

    close() {

      this.tui.postMessage({

        data: ""

      })

    }

  }

webview页面

[JavaScript] 纯文本查看 复制代码

//全局公共引入
const tui = require("./uniwebview.js")
Vue.prototype.tui = tui

//组件功能页面xxx.vue
mounted () {
    document.addEventListener("getUNIMsg",(e)=>{
            //webview接收uniapp传过来的信息
      console.log('getUNIMsg',e.detail.msg)
      this.$store.commit('SET_MSG', e.detail.msg)
    },false)
}
methods: {
    close() {
      this.tui.postMessage({
        data: ""
      })
    }
  }