vue+elementui 给表格table表头添加ico 并添加点击事件

最新推荐文章于 2022-12-08 17:20:38 发布

不完美女孩-

最新推荐文章于 2022-12-08 17:20:38 发布

阅读量1.2k

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/LJJONESEED/article/details/119148589

版权

在这里插入图片描述

 :render-header="renderHeader"

在这里插入图片描述

renderHeader(h) {
  let that=this
  return h("div", null, [
    h("span", null, [
      h("span", "项目总收入"),
      h("i", {
        class: "el-icon-d-caret",
        on: {
          click: function () {
            that.aaaaa()
          },
        },
      }),
    ]),
  ]);
},
aaaaa() {
  console.log(0);
},

这个是排序的ico图标

在这里插入图片描述

renderHeader(h) {
      let that = this;
      return h("div", null, [
        h("span", null, [
          h("span", "项目总收入"),
          h(
            "span",
            {
              class: "caret-wrapper",
              on: {
                click: function () {
                  that.orderRevenues();
                },
              },
            },
            [
              h("i", {
                class: "sort-caret ascending",
              }),
              h("i", {
                class: "sort-caret descending",
              }),
            ]
          ),
        ]),
      ]);
    },