意见反馈
帮助中心
官方微信

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

发布者:Carl
发布时间:2023年02月03日
阅读量:251

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() {    
    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') },
       ]
    }
}

效果图:




全部评论

没有评论