element plus 表各组件怎样和分页组件配合使用

element plus 网址:点击跳转

初次使用element plus 组件库时不理解表格组件如何与分页组件配合使用,本文傻瓜式教学,简单好抄。

表格

随便找一段表格代码:

element plus 表各组件怎样和分页组件配合使用_第1张图片


    
    
    
  

 讲上面的 :data='' '' 里的代码换成下方红线的代码


    
    
    
  

到这里,表格配置完成

分页

随便找一个,官方给的实例:

element plus 表各组件怎样和分页组件配合使用_第2张图片

element plus 表各组件怎样和分页组件配合使用_第3张图片

在原来的代码中加入:

element plus 表各组件怎样和分页组件配合使用_第4张图片

这样两者就可以组合起来使用了,其他优化操作还有很多,本文不再演示 ˙Ⱉ˙ฅ ,感兴趣的可以自己去研究研究 ฅ ˘ฅ 

你可能感兴趣的:(vue.js,javascript,前端,elementui)