el-table排序一个字段；多个字段同时排序，清除逻辑大全，拿来即用

前端小云儿

于 2024-09-25 18:24:59 发布

阅读量408

点赞数

CC 4.0 BY-SA版权

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

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

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

150 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

1 el-table排序一个字段排序，可清除

<script setup>
import { ref, computed } from "vue";
import { ElMessage } from "element-plus";

const tateHeader = ref([
  {
    label: "类别",
    title: "type",
    show: true,
    sortable: "custom",
  },
  { label: "姓名", title: "name", show: true, sortable: "custom" },
  { label: "年龄", title: "age", show: true, sortable: "custom" },
  { label: "位置", title: "where", show: false, sortable: "custom" },
]);
const tableData = ref([
  {
    type: "证件类型",
    name: "4",
    age: "3",
    where: "san",
  },
  {
    type: "证件号",
    name: "4",
    age: "3",
    where: "si",
  },
  {
    type: "地址",
    name: "4",
    age: "3",
    where: "wu",
  },
]);

const reftable = ref(null);
let orderColumn = ref(""); // 所有排序字段
let propColum