[Vuejs]-How to add an image in a table (using el-table, el-table-column), ie using ui-element in Vue.js?

2👍

You can using slot-scope:

<el-table-column min-width="55"  prop="display_pic_url" label="Display Pic">
  <template slot-scope="scope">
      <img :src="scope.row.display_pic_url"/>
  </template>
</el-table-column>

1👍

You can using slot-scope like this:

<el-table-column align="center" label="Photo">
  <template slot-scope="scope">                        
     <img :src="`/uploads/${scope.row.image}`"  width="50px"/>                         
  </template>
</el-table-column>

Leave a comment