vue3中的插槽

  <el-table-column  label="推荐指数" width="100%" style="font-size: 40px; color: orangered;
                          font-weight: bold">
           <template #title="scope"></template>
            {{score[this.scoreindex]}}
         </el-table-column>

可以让某一列的值自定义插入大data里面的值

对于想要插入图片在elementplus的table里面我们再用这种方式就不可以了（这种方式能插入普通组件和值）

  <template #slot="scope">
          <img :src="scope.row.avatarUrl" alt=""/>

  </template>

所以我们应该用如下方式

 <el-table-column  label="头像" width="140">
         <template #default="{row}">
          <el-image :src="row.avatarUrl" fit="contain" :preview-src-list="previewList">                                        
          </el-image>
        </template>
</el-table-column>

效果：