首页 > 其他分享 >uniapp使用z-paging插件

uniapp使用z-paging插件

时间:2024-04-23 14:11:06浏览次数:19  
标签:npm uniapp 插件 E5% paging easycom

1.通过dcloud插件市场下载,导入Hbuiderx,参考官网: https://z-paging.zxlee.cn/start/install.html#%E9%80%9A%E8%BF%87%E6%8F%92%E4%BB%B6%E5%B8%82%E5%9C%BA%E5%AE%89%E8%A3%85

2.通过npm下载

(uniapp小程序项目发现通过npm下载方式,主包体积比方式1小,所以使用)

npm install z-paging --save

通过npm安装的时候要配置:

pages.json中配置easycom

"easycom": {
    "custom": {
        "^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)": "z-paging/components/z-paging$1/z-paging$1.vue"
    }
}

如图:

 页面中直接使用,无需引入

<z-paging ref="paging" v-model="dataList" @query="queryData">
  // 其他内容
</z-paging>

 

标签:npm,uniapp,插件,E5%,paging,easycom
From: https://www.cnblogs.com/shyhuahua/p/18152760

相关文章

  • 前端【uniapp】06-uniapp【练习项目 · 神领物流】【任务【交付】【回车登记】【已完
    uni-app(神领物流)项目实战学习目标:能够独立完成回交付、回车登记的功能能够自定义回车登记交互组件能够使用Pinia实现组件间数据共享能够打包发布H5、小程序和App项目应用能够配置App的图标及启动屏幕一、【神领物流】任务1、交付司机在将货物运达目......
  • 前端【uniapp】03-uniapp【练习项目 · 神领物流】
    uni-app(神领物流)项目实战学习目标:能够对Pinia进行初始化操作掌握创建Store及数据操作的步骤能够对Pinia数据进行持久化的处理掌握uniForm表单验证的使用方法能够根据业务需求配置请求/响应拦截器一、【神领物流】项目启动本节的主要任务是获取项......
  • 这10款VS Code神仙插件,嵌入式程序员必备
    大家好,我是知微!嵌入式软件开发工程师平时可能更多的是使用SourceInsight、Keil、IAR来阅读代码,写代码。VSCode大家都听说过,功能十分强大,而且免费!或许是因为这款软件上手有一定的学习成本,所以有些小伙伴也不想轻易去尝试。知微在这里强烈建议大家去试一试,VSCode提供十分丰富的......
  • 前端【uniapp】02-uniapp【全局文件】【组件【内置、扩展】】【声明周期】【API调用】
    一、uni-app基础知识uni-app是组合了Vue和微信小程序的相关技术知识,要求大家同时俱备Vue和原生小程序的开发基础。1、全局文件在小程序中有全局样式、全局配置等全局性的设置,为此在uni-app中也有一些与之相对应的全局性的文件。uni.scssuni-app项目在运......
  • 国产良心软件uTools+常用插件
    合集-开发工具(8) 1.Weblogic11g安装部署-winserver篇2023-05-072.给你安利一款国产良心软件uTools2023-05-133.gitee图床不能用了,心态崩了2023-05-164.windows环境下如何优雅搭建ftp服务?2023-05-175.IntelliJIDEA上手这一篇就够了,从入门到上瘾2023-05-226.继copilot之......
  • Java集成系列:高效构建自定义插件
    前言随着软件开发的快速发展和需求的不断增长,开发人员面临着更多的压力和挑战。传统的开发方法需要花费大量的时间和精力,而低代码开发平台的出现为开发人员提供了一种更加高效、快速的开发方式。今天小编就以构建命令插件为例,展示如何使用Java语言高效构建自定义插件。环境准备......
  • 2.5K star 一款插件化&易拓展的即时聊天(IM)平台
    简介Tailchat基于HTML设计,适合任何平台或操作系统,但它仍然无法在Web中提供一些原生支持。所以Tailchat也有客户端提供手机通知、桌面截图等操作系统支持。功能消息支持基本信息,支持如文本/链接/提及/图像/文件等多种信息类型,并支持对任何你想要的信息的附加反应。你......
  • 性能测试——性能测试-linux监控工具——Jmeter插件之ServerAgent服务器性能监控工具
    安装插件1、在Jmeter官网:https://jmeter-plugins.org/wiki/PluginsManager/下载插件管理器Plugins-manager.jar  参考博客地址:https://blog.csdn.net/qq_45664055/article/details/105979481              需要先安装java,设置环境变量: ......
  • mysql连接控制插件connection_control介绍
    原文链接:https://blog.csdn.net/yabingshi_tech/article/details/132718295前言:当连接数据库失败次数过多时,MySQL是否会限制登录呢?数据库服务端应该怎么应对暴力破解呢?本篇文章介绍下MySQL中的连接控制插件,一起来学习下此插件的作用。1.连接控制(connection_control)插件介绍......
  • uniapp安卓在线更新版本
    实现逻辑通过获取线上的版本号和app的版本号进行对比查看是不是最新版—app版本号小于线上版本号则不是最新版提示更新模拟检测更新请求起一个服务,也就是检测更新的接口返回值为最新版本号和最新版wgt文件下载地址,例:{  "code":0,  "msg":"success",  ......