element-plus+Vue3实现表格数据动态渲染

前言：

最近跟小伙伴一起从0到1一起搭建一个面试学习系统，学习使用element-plus框架动态渲染从后端获取的数据，在这里跟诸位大佬一起分享：

话不多说，上代码：

    

      
        //labal表示表头展示的名称  prop属性与数组中本列需要展示的数据名对应
           
          
        
        
        
//如果你需要对数据进行其他的处理，你需要使用插槽scope.row.本行的任意属性名，即可以获得对应数据
          
        
        
          
        
      
    

后端返回数据展示：

 实现效果展示：