uniapp webview与uniapp相互传参

1. uniapp 设计引用webview的页面（可以是网路的，也可以在hybrid文件内的）

<template>
	<view class="container">
		<web-view :src="webviewurl" class="webview" @message="getclose"></web-view>
	</view>
</template>

<script>
	import { xxx} from '@/util/xxx'
	export default {
		data() {
			return {
				webviewurl:'',
				wv: null
			}
		},
		onLoad() {
			// #ifdef APP-PLUS
			let obj = xxx()
			this.webviewurl = `/hybrid/htmlxxx.html?a=${obj.a}&BladeAuth=${obj.b}`
			setTimeout(()=>{
				let currentWebview = this.$scope.$getAppWebview()
				this.wv = currentWebview.children()[0]
				this.start()
			},1000)
			// #endif
		},
		destroyed(){
		},
		watch:{
		//状态改变持续派发事件
			textObj() {
				this.start()
			}
		},
		computed: {
			textObj() {
				return this.$store.state.msg
			}
		},
		methods:{
			start() {
				if (this.textObj.id & this.textObj.content) {
					this.wv.evalJS("document.dispatchEvent(new CustomEvent('getUNIMsg',{detail: {msg:"+JSON.stringify(this.textObj)+"}}))")
				} else {
					this.wv.evalJS("document.dispatchEvent(new CustomEvent('getUNIMsg',{detail: {msg:{}}}))")
				}
			},
			getclose() {
			//接收webview事件更新状态
				this.$store.commit('SET_MSG', {})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
	}
</style>

2. webview页面，可以是原始方法的html，也可以是利用webpack打包好的文件

//全局公共引入
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: ""
      })
    }
  }