uniapp 里 nvue 和 vue 相互通讯-夜狼博客

在 uni-app 中,nvue 和 vue 页面可以混搭使用。

推荐使用uni.$on,uni.$emit的方式进行页面通讯,旧的通讯方式(uni.postMessage及plus.webview.postMessageToUniNView)不再推荐使用。 通讯实现方式 // 接收信息的页面 // $on(eventName, callback) uni.$on('page-popup', (data) => { console.log('标题:' + data.title) console.log('内容:' + data.content) }) // 发送信息的页面 // $emit(eventName, data) uni.$emit('page-popup', { title: '我是title', content: '我是content' }); uniapp 解决原生组件层次太高的问题,侧边栏被原生组件(video,map。。等等)覆盖的完美解决方法 用subNVue 方法 1.在pages 里 要修改的页面的同级目录里加入 subNVue目录 2.在用subNVue目录里新建一个nvue 组件 3.将要覆盖原生组件上面的 组件或者元素 写在nvue页面里 4.然后配置page.json { "path": "pages/detail/detail", "style": { "app-plus": { "subNVues": [{ "id": "drawer", "path": "pages/detail/subnvue/drawer", "type": "popup", "style": { "width": "70%" } }], } } 5.事件触发显示组件 click(){ //向子nvue窗口传参数 uni.$emit('page-popup', { 'data':this.leftList }); //显示nvue组件 uni.getSubNVueById('drawer').show('slide-in-left', 200); }, 6.在子窗口nvue 里接收参数 created() { uni.$on('page-popup', (data) => { this.lists = data.data }) }, 7.最后 关闭组件的方法,可以在窗口页面关闭 hideDrawer() { uni.getCurrentSubNVue().hide('auto') },

都市极品医神(叶辰夏若雪孙怡)小说,最新章节阅读

都市极品医神(叶辰夏若雪孙怡):第1章 滚吧! 我不想杀人!, 【火爆爽文】“古武者?地狱归来?华夏第一人?我惹不起?不好意思,在我面前,都要跪下!”五年前,家族覆灭,废物叶辰犹如地上蠕虫般被人耻笑!但是五年后,他带着一身逆天术法强势回归!更可怕的是,他背后还站.. ,免费阅读时空书城

如果这个文章对你有帮助,请支持下站长的努力付出,点击下方是本人的网站:时空书城,谢谢

时空书城