elementUI使用卡槽二次封装table(亲测可用)

最新推荐文章于 2023-06-19 09:59:11 发布

原创

最新推荐文章于 2023-06-19 09:59:11 发布 · 331 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

本文介绍了如何利用ElementUI的table组件进行二次封装，重点讲解了封装过程，并提供了具体的使用方法。

封装table

重点

 <slot v-if="item.slot" :scope="scope.row" :name="item.slot"/>

<template>
  <div class="content">
    <el-table
      :data="tableData" border highlight-current-row stripe style="width: 100%" @row-click="rowClick">
      <el-table-column
        v-for="(item, index) in columns" :prop="item.prop" :label="item.label" :key="index"
        :width="item.width" :align="item.align" >
        <template slot-scope=