在vue項目中,解決如何在element表格中循環出圖片列!


效果圖:

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的情況,所以只顯示一列圖片列

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM