Element ui表格展示图片问题

当需要遍历图片时,不能直接使用prop绑定值,具体 代码如下

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

注意:scope.row.head_pic 中的head_pic  就是平常我们绑定在prop中的值

 

多张图片

<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>

 

posted @ 2017-11-07 13:58  shinefon  阅读(17343)  评论(0编辑  收藏  举报