一种常见形式的前端页面

html元素方面
首先设置一个div

1.里面表头放入el-form,表示搜索框以及对应的搜索重置按钮
2.在它下面,写el-row,这里面存放相应的增删改查以及导入导出按钮

3.在它下面,写el-table,这里面展示相应的数据库中的数据(注意!

<el-table-column type="selection" width="55" align="center" />

这个代表多选按钮

4.最后,设计相应的页面跳转的按钮,一般如下:

<pagination
  v-show="total>0"
  :total="total"
  :page.sync="queryParams.pageNum"
  :limit.sync="queryParams.pageSize"
  @pagination="getList"
/>

5.再在下面设计相应的增删改查弹窗

上一篇:Vue中监听属性watch的求值,以及与computed的适用场景-监听器与计算属性


下一篇:【Linux】- 权限