效果圖:
1,vue項目環境
2,引入element-ui組件
3,制作表格
此處省去制作循環表格數據那步,想看的可以找回我的博客:element中的表格處理:循環出表格數據
今天想在表格出循環出一列圖片
首先大致分為兩個層面
1,當index==0 (或許==1.。。看看你想讓它在哪一列顯示)
2,當index>0.循環出表格的其他數據。
上代碼
1,這是循環出的圖片列。主要是要判斷一下當index==0的時候,同時把參數傳進表格循環的時候。然后綁定src。數據跟表格循環的數據一樣,在data中取。
2,處理完圖片列,還需要處理當index>0的情況,補全表格。另起一列el-table-column
作為豬的我剛開始沒寫>0的情況,所以只顯示一列圖片列