uniapp-如何向subNVues子窗体传值

在使用uniapp的时候经常会发现有的内容如video层级过高而导致的样式问题,我们可以使用subNVues来解决这个问题,这边文章用于记录如何向subNVues内传值。

首先是配置我们页面的subNVues。

	{
          "path" : "pages/index/index",
           "style" :                                                                                    
           {
               "navigationBarTitleText": "测试",
               "enablePullDownRefresh": false,
			"app-plus":{
				"subNVues":[{
					"id":"subNVuesPage",// 对应的subNVues页面的id,即该页面的第一个view的id
					"path":"pages/index/subNVues",// subNVues路径
					"type":"popup",// subNVues类型
					"style":{// subNVues样式
						"margin":"auto",
						"width":"100%",
						"height":"100%",
						"background":"transparent"
					}
				}]
			}
		}
   }

注意subNVues页面中第一个view的id:

<template>
	<view id="subNVuesPage">
		<text>
			{{title}}
		</text>
	</view>
</template>

页面间的传值:

index页面中

uni.$emit('sendNum', {
    num:1,
    title:"这是标题一"
});

subNVues页面中

data() {
	return {
		number:0,
		title:""
	}
},
onLoad(){  
    // 监听事件  
  uni.$on('sendNum',(res)=>{  
        this.number=res.num
        this.title=res.title
     })  
},  
onUnload() {  
    // 移除监听事件
    uni.$off('sendNum');
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值