JavaWeb-13-Element常见组件

Element常见组件

一、Table表格

• 在官网找到自己需要的表格样式

  

• 复制代码到ElementView.vue中并调整

  

  

  

  

---

---

二、Pagination分页

• Pagination 分页：当数据量过多时，使用分页分解数据。

  • 在官网找到自己需要的分页样式，并复制代码

  

  

  • 复制代码调整后运行

    

    

---

事件名称	说明	回调参数
size-change	pageSize 改变时会触发	每页条数
current-change	currentPage 改变时会触发	当前页

---

---

---

---

---

---

---

三、Dialog对话框

• Dialog 对话框：在保留当前页面状态的情况下，告知用户并承载相关操作。

  

• 在官网找到自己需要的对话框样式，复制代码并调整运行

  

  

• 调整并运行

  

  

  

• 如果参数以及事件有不懂的，直接在官方文档的组件，每个组件下滑到最后都有相应说明的！！

---

---

四、Form表单

• Form 表单：由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。

• 在官网找到自己需要的表单样式，复制代码

  

  

  

  

  

• 调整后运行

  

---

---