Vue

概述

下面的代码示例中 icon 部分的写法就是，使用h函数来创建图标。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import { NButton, NTag, NIcon } from "naive-ui";
import { defineComponent, h } from "vue";
import { credit_to_color } from "@/utils/enum";
import { AttachMoneyOutlined } from "@vicons/material";

const columns = [
  // ...省略
  {
    title: "商品价格",
    key: "price",
    render(row) {
      return h(
        NTag,
        {
          bordered: false,
          round: true,
        },
        {
          default: () => row.price,
          icon: () => h(NIcon, null, { default: () => h(AttachMoneyOutlined) }),
        }
      );
    },
  },
  // ...省略
];