原生小程序之 分包加载 subpackage

原生小程序之 分包加载 subpackage,第1张

目录 原生小程序之 分包加载 subpackage分包步骤简单的测试,使用

原生小程序之 分包加载 subpackage 分包步骤 01:再项目根目录创建,subpackage 文件夹02:再app.json文件之中进行配置代码分包处理03:root 设置 归属的包在哪里04:pages/testFun1/testFun1 具体存放路径05:输入路径后,会自动产生对应的 包 页面
  "subPackages": [
    {
      "root": "subpackage/",
      "pages": [
        "pages/testFun1/testFun1",
        "pages/testFun2/testFun2",
        "pages/testFun3/testFun3"
			]
    }
  ]
效果
简单的测试,使用 info.wxml
  <van-cell-group>
    <van-cell wx:for="{{JumpObj}}" wx:key="{{index}}" title="{{item.title}}"  catchtap="{{item.func}}" is-link />
  </van-cell-group>
info.js
// pages/info/info.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 跳转 页面的数据
    JumpObj:[
      {
        title:"测试1",
        func:"testFun1"
      },
      {
        title:"测试2",
        func:"testFun2"
      },      
      {
        title:"测试3",
        func:"testFun3"
      },
    ]
  },
  // 跳转 测试相关
  testFun1(){
    console.log("testFun1");
    wx.navigateTo({
      url: '../../subpackage/pages/testFun1/testFun1',
    })
  },
  testFun2(){
    wx.navigateTo({
      url: '../../subpackage/pages/testFun2/testFun2',
    })
  },
  testFun3(){
    wx.navigateTo({
      url: '../../subpackage/pages/testFun3/testFun3',
    })
  },
})
效果
点击 测试1 跳转到 测试1页面

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1296817.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存