el-table插槽的几种写法

最新推荐文章于 2025-06-06 17:41:08 发布

前端小云儿

最新推荐文章于 2025-06-06 17:41:08 发布

阅读量587

点赞数

CC 4.0 BY-SA版权

分类专栏：前端静态页面以及逻辑文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/142877268

前端静态页面以及逻辑专栏收录该内容

150 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

//表内数据1
<el-table-column
prop="name"
min-width="130"
label="姓名"
v-slot="scope"
>
{{ scope.row.name }}
</el-table-column>
//表内数据2
<el-table-column prop="insuredName" label="被保险人">
<template #default="scope">
  {{ scope.row.insuredName }}
</template>



//表头1
<template #header>
  <el-input v-model="search" size="small" placeholder="Type to search" />
</template>

//表头2
<template #header>  
  <!-- 一般是循环写法 -->
  {{item.title}}
</template>