Vue之循环遍历Json数据，填充Table表格

简单记一次Vue循环遍历Json数据，然后填充到Table表格中，展示到前端的代码：

1 async getData(id) {
2     const res = await this.$store.api.newReq('/xxx/xxx/xxx/' + id).get();
3     if (res.code === 0) {
4 
5         this.data = res.data;
6     }
7 },

下面是定义变量：

1 data: {
2     base: {},
3     baseList:[],
4 },

下面是table的表格展示：

 1 class="el-table el-table--fit el-table--border table-detail">
 2 3 4 5 6 7 8 9101112for="cm in  data.categoryMapList">
1314151617181920
     

         

             
ID
             
文章id
             
分类名称
             
分类等级
             
创建时间
         
     
     

         
             

             

             

             

             

         
     
 

效果图：

打完收工！