Vue中请求接口使用elementUI的loading的显示功能

今天实现一个简单的功能，也是工作当中遇到的，大概就是请求接口没返回数据的时候loading显示，返回数据后loading消失

• 首先在表格标签里引入loading样式，加载时的信息和绑定好表头和表格里面的数据

     :table-cols='tableColsMax'
     :table-data='tableData'
     v-loading="loading"
     element-loading-text="拼命加载中"
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(0, 0, 0, 0.3)"

• 然后在data中定义好一些数据，loading的初始值为真，test是测试用的假数据

 data() {
   
    return {
   
      tableColsMax: [