一.过期的版本
1.消息发送页 index.nvue:
export default {
methods:{
postMessage(num){
console.log("准备发送"+num)
uni.postMessage('page-send', {
data: num,
from: "index"
})
}
}
}
2.在 App.vue 里使用 onUniNViewMessage 进行监听
export default {
onUniNViewMessage(e) {
let data = e.data
//处理
if(data.from && data.from === 'index'){
// 通知接收页处理
uni.$emit('index', data)
}
}
}
3.接收页监听处理
export default {
onLoad: function() {
console.log("加载中")
uni.$on('index', data => {
console.log("监听到了")
console.log(data)
})
}
}
二.更新之后,不需要经过App.vue进行监听,并且postMessage方法也被废弃
1.发送页
export default {
methods:{
sendMessage(num){
console.log(num+"进来了")
uni.$emit('page-send', {

本文介绍了uni-app中nvue与vue通信的变化,包括过期版本中通过App.vue监听和使用postMessage方法,以及更新后不再需要App.vue监听且postMessage被废弃的情况。在新版本中,需要注意页面加载状态和监听的正确关闭。
最低0.47元/天 解锁文章
2350

被折叠的 条评论
为什么被折叠?



