element-ui如何在表格中插入圖片

vue3.x版本

利用插槽將圖片插入表格中

<el-table-column prop="img" label="圖片">
   <template v-slot="scope">
      <img :src="scope.row.img" alt="" width="90" height="90">
   </template>
</el-table-column>

 

例如：

data（）{

data() {
    return {
            imgs: [
                {img: require('@/assets/images/views/login-logo.png') },
                {img: require('@/assets/images/views/login-logo.png') }, 
                {img: require('@/assets/images/views/login-logo.png') },
            ]
        }
}

 

}

效果圖：