vue+elementui進階之路-el-table中顯示圖片

http://www.dagoogle.cn/n/728.html

1、table中顯示圖片

2、當需要遍歷圖片時，不能直接使用prop綁定值

3、一張圖片

復制代碼

<el-table-column label="頭像"> 　　<template slot-scope="scope"> 　　　　<img :src="scope.row.img" width="40" height="40" class="head_pic"/> 　　</template> </el-table-column>

4、多張圖片

復制代碼

<el-table-column prop="pictures" label="描述圖片"> 　　<template scope="scope"> 　　　　<img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/> 　　</template> </el-table-column>