uniapp的subNVue原生子窗体的使用

这里以视频遮罩为例

1. 首先我们要跟目标文件相同的位置创建一个文件夹，里面包含一个 nvue 文件

 2. 对pages.json文件做出配置

{
  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "uni-app",
        "navigationStyle": "custom",
        "app-plus": {
          "subNVues": [{
            "path": "pages/index/subNvue/subNvue", //路径地址
            "id": "subNvue" //唯一id，一个页面下最多三个最好，否则影响性能
            // "type": "popup"  如果是弹窗可开启
            //这个是初始样式，这个不重要，后面也可以自己设置
            // "style": {
            // 	"width": "100%",
            // 	"height": "30px"
            // }
          }]
        }
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  },
  "uniIdRouter": {}
}

3. 这是 子窗体 也就是刚刚创建的 nvue 文件  (subNvue.nvue)

4. 这是 目标文件 也就是需要用到子窗体的 vue 文件 (index.vue)