首页 > 其他分享 >element 封装组件之分页

element 封装组件之分页

时间:2023-02-14 08:22:51浏览次数:47  
标签:组件 封装 分页 element

   <!-- background按钮背景色  -->
    <el-pagination
      @size-change="sizeChange"
      @current-change="currentChange"
      :current-page.sync="queryData.page"
      :page-size="queryData.size"
      :page-sizes="[10, 20, 30, 40]"
      layout="total,sizes,prev, pager, next,jumper"
      :total="total"
      background
    >
      <!--  参数 queryData 是给后端传的值获取的数据 -->
      <!-- 2个事件 1. 赋值 queryData.page = val 2. 重新渲染表格 this.initData() -->
    </el-pagination>

 

标签:组件,封装,分页,element
From: https://www.cnblogs.com/zhulongxu/p/17118475.html

相关文章

  • 组件封装-基本对话框
    <template><!--弹窗--><!--@close="closeDialog"事件--><el-dialogtitle="提示":visible.sync="dialogVisible"width="40%":before-cl......
  • React.cloneElement
    React.cloneElement()接收三个参数第一个参数接收一个ReactElement,可以是真实的dom结构也可以是自定义的。第二个参数返回旧元素的props、key、ref。可以添加新的props,第......
  • Spring IOC官方文档学习笔记(十)之类路径扫描与组件管理
    1.@Component注解与其衍生注解(1)在Spring中,@Component注解用于说明某个类是一个bean,之后Spring在类路径扫描过程中会将该bean添加至容器中;@Component注解还有很多衍......
  • 封装 API 函数的2个方法
    1.以前的方法exportfunctionloginApi(data){returnrequest({url:"/sys/login",//==>/api/sys/login//==>http://ihrm-java.itheima.net/api......
  • 【elementUi】组件el-scrollbar监控滚动事件
    ElementUi的el-scrollbar组件<el-scrollbarstyle="height:50vh"ref="scrollbar"></el-scrollbar>  写个事件来监听该组件的滚动事件handleScroll(){......
  • 二进制 k8s 集群下线 master 组件流程分析和实践
    目录事出因果环境介绍个人思路准备实践当前master节点信息切换apiserver访问流量查看nginx配置文件停止下线节点的apiserver服务将master节点的pod驱逐到其他......
  • 打开MASA Blazor的正确姿势2:组件总览
    官网文档按拼音罗列组件,且部分嵌套组件没有在导航栏内列出,不利于浏览查阅。本篇文章的主要目的,主要是对所有组件按大家习惯的方式进行分类,简要介绍组件,并建立跳转官方文档......
  • 打开MASA Blazor的正确姿势3.3:组件样式
    一、关于组件样式的理解1、框架和组件前面我们已经说过,现代前端技术,无论是在框架层面(Blazor、Vue、React等),还是组件层面(Bootstrap、MASABlazor、ElementUI、AntDesign等......
  • ASEMI低压MOS管AO3401封装,AO3401图片
    编辑-ZASEMI低压MOS管AO3401参数:型号:AO3401封装:SOT-23漏极-源极电压(VDS):30V栅源电压(VGS):±12V连续漏电流(I):4.2A脉冲漏极电流(IDM):30A功耗(PD):1.4W接头和储存温度范围(TJ,TSTG):-55to......
  • ASEMI低压MOS管AO3401封装,AO3401图片
    编辑-ZASEMI低压MOS管AO3401参数:型号:AO3401封装:SOT-23漏极-源极电压(VDS):30V栅源电压(VGS):±12V连续漏电流(I):4.2A脉冲漏极电流(IDM):30A功耗(PD):1.4W接头和储存温度范围(TJ,......