2023-10-26
技术小刊
00

目录

全局组件
uniapp 组件
扩展组件
常用 API
基础
网络
页面路由
数据缓存
界面
文件

全局组件&常用 API

全局组件

全局组件主要是内置组件和扩展组件。 内置组件 所有的视图组件,包括 view、swiper 等,本身不显示任何可视化元素,用途都是为了包裹其他真正显示的组件,可以直接在 vue 页面中使用。 常见有:

uniapp 组件

vue 组件
nvue 组件
小程序组件

扩展组件

uni-ui 是 DCloud 提供的一个跨端 ui 库,它是基于 vue 组件的、flex 布局的、无 dom 的跨全端 ui 框架,不包括基础组件,它是基础组件的补充,有些组件需要到插件市场下载才可以使用。

~ 列表组件
~ 表单组件
~ 表格组件
~ 加载更多组件
~ 自定义导航栏组件
~ 弹出层组件

常用 API

基础

  • onPageNotFound,页面不存在事件
  • onError,错误事件
  • onAppShow,页面前台事件
  • onAppHide,页面后台事件
  • addInterceptor,拦截器

网络

  • request,发起请求
  • uploadFile,上传文件
  • downloadFile,下载文件
  • connectSocket,创建一个 websocket 连接
  • onSocketOpen,ws 打开事件
  • onSocketError,错误事件
  • sendSocketMessage,发送 ws 消息
  • onSocketMessage,接收 ws 消息
  • closeSocket,关闭 ws
  • onSocketClose,监听关闭 ws

页面路由

  • navigateTo,保留当前页面,跳转到其他页面
  • redirectTo,关闭当前页面,跳转到其他页面
  • reLaunch,关闭所有页面,跳转到其他页面
  • switchTab,跳转到 tabBar 底部导航页面
  • navigateBack,返回上一个页面或多级页面

数据缓存

  • setStorage,将数据存储在本地缓存中的指定 key 中,覆盖原来该 key 的内容
  • getStorage,从本地缓存中获取指定 key 的内容
  • removeStorage,从本地缓存中移除指定 key 及内容
  • clearStorage,清除本地缓存
  • getStorageInfo,获取本地缓存信息

界面

  • showToast,显示消息提示框
  • hideToast,隐藏消息提示框
  • showLoading,显示加载提示框
  • hideLoading,隐藏加载提示框
  • showModal,显示模态弹出框
  • showActionSheet,从底部弹出操作菜单
  • onPullDownRefresh,下拉刷新
  • createSelectorQuery,节点信息

文件

  • chooseImage,选择图片
  • saveImageToPhotosAlbum,保存图片到相册
  • chooseFile,选择文件
  • saveFile,保存文件到本地
  • removeSavedFile,删除本地保存的文件
  • getSavedFileList,获取本地保存的文件列表
  • getFileInfo,获取文件信息
  • openDocument,新页面打开文档
如果对你有用的话,可以打赏哦
打赏
ali pay
wechat pay

本文作者:seek

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!