基于elementui封装公共表格，支持链接跳转

最新推荐文章于 2022-11-02 16:25:41 发布

你的骑士M

最新推荐文章于 2022-11-02 16:25:41 发布

阅读量517

点赞数 1

文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/qq_42360279/article/details/126707352

版权

本文介绍如何利用ElementUI库，结合JavaScript技术，封装一个具备链接跳转功能的通用表格组件。通过这个组件，可以方便地在前端应用中实现数据展示和页面间的导航。

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

<template>
  <div class="pilotageForm">
    <el-table
            v-loading="loading"
            element-loading-text="加载中..."
            ref="pilotageForm"
            :cell-class-name="cellClassName"
            :cell-style="cellStyle" :data="tableData"
            :header-cell-style="setTableHeader"
            border
            height="300"
            style="width: 100%;font-size: 12px;min-height: 100px">
      <!-- 数据为空的时候所占的数据 -->
      <template slot="empty">
        <div class="table-empty">
          <img src="../../assets/images/empty.png" alt="空数据占位图">
          <div>暂无数据</div>
        </div>
      </template>
      <el-table-column v-for="(item,index) in tableHeader" :key="index" :label="item.la