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:{ ... }
- 注意回调参数(接收的参数)
- 最终代码修改
- 效果展示(当点击替换当前每页显示多少条数据、点击当前页号)