uniapp 原生子窗体nvue的使用,及vue与nvue页面间的通讯

效果图:

uniapp 原生子窗体nvue的使用,及vue与nvue页面间的通讯_第1张图片

 点击后显示

uniapp 原生子窗体nvue的使用,及vue与nvue页面间的通讯_第2张图片

 再次点击后:

uniapp 原生子窗体nvue的使用,及vue与nvue页面间的通讯_第3张图片

 注意:pages.json中配置在那个vue页面使用元素子窗体就配置在这里,子窗体最多不超过三个

{
            "path" : "pages/videoProblem/test2/test2",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
				"app-plus" : {
				    "subNVues" : [{
				            "id" : "test", // 唯一标识  
				            "path" : "subNvue/test", // 页面路径 
				            "type" : "popup", //type值为 popup或navigationBar时 position 和
				            "style" : {
				                "position" : "absolute",
								"dock":"left"
								
				            }
				        }
				    ]
				}
            } 
        }

 test2.vue 页面






 test.nvue页面






你可能感兴趣的:(uni-app)