element-ui如何在table中发图片

Question

element-ui以以下这种方式来绑定数据，生成表单



产品经理给的任务里有个是在table中展示表单

我尝试在tableData数组的对象内以字符串形式引入图片，但是没有生效，应该如何实现绑定？

Answer 1

ele的table组件支持自定义table内容

<el-table-column label="封面">
     <template slot-scope="scope">
         <img :src="scope.row.cover" alt="">
    </template>
</el-table-column>

Answer 2

<el-table-column prop="image" label="图片">
                <template slot-scope="scope">
                    <el-image
                    prop="image" 
                    style="width: 100px; height: 100px"
                    :src="scope.row.image" 
                   >
                </el-image>
                </template>
                
            </el-table-column>