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

vue3.x版本

利用插槽将图片插入表格中

<el-table-column prop="img" label="图片">
   <template v-slot="scope">
      <img :src="scope.row.img" 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) },
            ]
        }
}

 

}

效果图:

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

 

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

上一篇:php环境下nginx超时问题解决


下一篇:Android 自学之网格试图(GridView)和图片切换器(ImageSwitcher)功能和用法