vue的论坛管理模块-文章查看-01

https://ucc.alicdn.com/images/user-upload-01/99e1e40f5b8d46609666115cf1f89b4f.png

• 
  
• 
  
  
  
  

  
  
  

  
  
  { {cmsType.typeName}}
  
  
  
  { {cmsType.blogNum}}
  
  
• 
  

1.请求后端接口：

/* 获取博客列表 /
getBlogList() {
let loadingInstance = Loading.service({
target: ".left-item"
});
listComments(this.queryParams).then(response => {
this.blogList = response.rows;
this.total = response.total;
loadingInstance.close();
});
},

2.列表赋值

<el-row type="flex" align="middle" style="flex-wrap: wrap" :gutter="20" v-for="blog in blogList" :key="blog.id"
其中 v-for="blog in blogList" 是遍历赋值，我的理解是 java后端的for循环 将list给单个 对象赋值