uniapp相关内容

一、设置uni原生事件类型 

示例:获取手机号事件类型为 UniHelper.ButtonOnGetphonenumber

格式为:UniHelper.组件名+事件名 

const getphonenumber: UniHelper.ButtonOnGetphonenumber = (detail) => {
  console.log(detail)
}
<button class="button phone" open-type="getPhoneNumber" @getphonenumber="getphonenumber">
    <text class="icon icon-phone"></text>
    手机号快捷登录
</button>

二、页分包及预加载

将不常用页面设置分包用来提高页面加载速度

1、分包 

方法:新建一个文件夹用来存放需要分包的的文件,可右键直接新建分包页面(会在pages.json中自动生成相关配置),或手动配置

手动配置代码:

//分包加载配置 与pages同级
"subPackages": [{
    //子包的根目录
    "root": "packages/webpage",
    //子包由哪些页面组成
    "pages": [{
        "path": "web-page"
    }]
}

2、预加载配置

//声明分包预下载的规则 与pages同级
"preloadRule": {
    // 键值对组成   开始预加载的文件路径:配置项
    // 即 进入pages/my/index 页面后开始预加载配置的文件
    "pages/my/index": {
        "network": "all",
        "packages": ["packages/chat"]
    }
},
字段 类型 必填 默认值 说明
packages StringArray 进入页面后预下载分包的 root 或 name__APP__ 表示主包。
network String wifi 在指定网络下预下载,可选值为:all(不限网络)、wifi(仅wifi下预下载)

相关推荐

  1. uniapp相关内容

    2024-03-13 06:04:02       18 阅读
  2. 编译相关内容(自用)

    2024-03-13 06:04:02       25 阅读
  3. 图论相关内容

    2024-03-13 06:04:02       22 阅读
  4. Docker 相关内容记录

    2024-03-13 06:04:02       20 阅读
  5. Beego框架相关内容

    2024-03-13 06:04:02       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-13 06:04:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-13 06:04:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-13 06:04:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-13 06:04:02       20 阅读

热门阅读

  1. adb shell 指令集

    2024-03-13 06:04:02       21 阅读
  2. MYSQL的安装

    2024-03-13 06:04:02       24 阅读
  3. 代码编写规范

    2024-03-13 06:04:02       18 阅读
  4. webpack和vite的区别?

    2024-03-13 06:04:02       18 阅读
  5. Python 常用内置函数,及实例演示

    2024-03-13 06:04:02       18 阅读
  6. 0008、ts的类型推论

    2024-03-13 06:04:02       20 阅读
  7. Golang 中 map[string]string 如何在 TOML 文件中配置

    2024-03-13 06:04:02       21 阅读
  8. LeetCode454 四数相加

    2024-03-13 06:04:02       19 阅读
  9. python安装库文件的时候一个一个安装的py脚本

    2024-03-13 06:04:02       18 阅读
  10. 内网横向渗透一般攻击技巧

    2024-03-13 06:04:02       23 阅读
  11. npm、gnvm常用命令

    2024-03-13 06:04:02       19 阅读