当前位置: 首页 > news >正文

Element学习(表格组件、分页组件)(2)

1、表格(table)组件

(1)去element官网查看寻找想要的,然后复制+修改就行了

(2)注意在组件文件中标签<template>中时注意,里面只能有一个根标签

(3)格式化代码——>整齐方便修改与查看

shift+alt+f

(4)在组件官网一直往下翻可以找到各个里面用到的属性和其中的一些方法

(5)":data"表示绑定一个数据模型:是数组tableData,其中数组当中是一个一个的js当中的对象

(6)"prop"表示要展示的是哪种类型对应的数据

(6)"lable"表示表头的属性

(7)"width"

2、分页组件

(1)我选择有背景色的分页做学习和练习

(2)

(3)这个很有意思,就是按照需求去展示

(4)介绍分页组件的事件(events)

  • 如何运用这个两个方法事件:size-change、current-change
  • 首先
  • 然后要去script中定义这两个方法,不然调用了个假的——>methods:{ ... }

  • 注意回调参数(接收的参数

  • 最终代码修改
  • 效果展示(当点击替换当前每页显示多少条数据、点击当前页号)

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • openwrt编译Dockerfile
  • TV-L1光流算法流程
  • C++ SQL ORM
  • 苹果离线打包机配置和打包
  • Typora v1.9.5解锁版下载、安装教程 (轻便简洁的Markdown编辑器)
  • android手动绘制矩形框
  • Spring Boot实战:拦截器
  • Python获取本机ip
  • 多久没有清理你的电脑磁盘了?轻松解锁免费轻量磁盘清理工具
  • 计网:http/1.1、http/2和http/3的改变和优化
  • 制造知识普及(八)--企业内部物料编码(IPN)与制造商物料编码(MPN)
  • WT2605C蓝牙语音芯片赋能对讲机新体验:无屏操控、音频解码与蓝牙音箱三合一
  • liunx装了torch-cuda,运行的却是cpu版的torch
  • Golang——逃逸分析
  • MindSearch:AI 时代的“思考型”搜索引擎
  • avalon2.2的VM生成过程
  • Bootstrap JS插件Alert源码分析
  • css布局,左右固定中间自适应实现
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • emacs初体验
  • IOS评论框不贴底(ios12新bug)
  • sublime配置文件
  • SwizzleMethod 黑魔法
  • vue总结
  • windows下如何用phpstorm同步测试服务器
  • 二维平面内的碰撞检测【一】
  • 机器学习中为什么要做归一化normalization
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 区块链将重新定义世界
  • 设计模式 开闭原则
  • 微信支付JSAPI,实测!终极方案
  • 移动端唤起键盘时取消position:fixed定位
  • 《天龙八部3D》Unity技术方案揭秘
  • #传输# #传输数据判断#
  • #大学#套接字
  • (007)XHTML文档之标题——h1~h6
  • (2.2w字)前端单元测试之Jest详解篇
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (4)事件处理——(7)简单事件(Simple events)
  • (pytorch进阶之路)扩散概率模型
  • (vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
  • (四)Linux Shell编程——输入输出重定向
  • (图文详解)小程序AppID申请以及在Hbuilderx中运行
  • (一) springboot详细介绍
  • (转)EOS中账户、钱包和密钥的关系
  • (转)http协议
  • (轉貼) 寄發紅帖基本原則(教育部禮儀司頒布) (雜項)
  • .NET Core IdentityServer4实战-开篇介绍与规划
  • .NET 回调、接口回调、 委托
  • .NET 中 GetProcess 相关方法的性能
  • .net和php怎么连接,php和apache之间如何连接
  • .NET微信公众号开发-2.0创建自定义菜单
  • /etc/motd and /etc/issue
  • ??Nginx实现会话保持_Nginx会话保持与Redis的结合_Nginx实现四层负载均衡
  • @Autowired 和 @Resource 区别的补充说明与示例