element plus 中 table表格遍历时使用插槽

Beesia

已于 2022-04-17 19:15:54 修改

阅读量3.1k

点赞数 1

文章标签： vue elementui

于 2022-04-17 18:58:15 首次发布

本文链接：https://blog.csdn.net/niyooooo/article/details/124234267

版权

该博客展示了如何在Vue应用中利用`el-table-column`组件动态渲染表格数据。通过`v-for`指令遍历每一项属性，并根据`isOK`状态决定显示输入框或文本内容。这一实现方式对于灵活展示和编辑表格数据非常有用。

摘要由CSDN通过智能技术生成

<el-table-column
 v-for="item in fydy"
 :key="item.XMZJSQFYDY_PKID"
 :property="item.prop"
 :label="item.FYMC"
 width="80"
 show-overflow-tooltip
>
 <template #default="scope">
  <el-input
   v-if="scope.row.isOK"
   v-model="scope.row[item.prop]"
  />
  <span v-else>{{ scope.row[item.prop] }}</span>
 </template>
</el-table-column>