Skip to content
On this page

添加 TableColumn 基础组件

在项目中的基础组件是有限的,实际使用中需要开发者自己添加组件

自定义Tag组件步骤示例

  1. 将定义好的组件使用以下 Props 即可连接到 Table 配置
js
import { defineComponent } from "vue";
import { ElTag } from "element-plus";
import { propsType } from "./../propsType";

export default defineComponent({
  props: propsType,
  setup(props) {
    return () => <ElTag>{props.value}</ElTag>;
  },
});
  1. 将定义好后的组件导入进入 Table 配置入口, 即完成了自定义组件的定义
js
import Tag from "./Tag";

export const Components = {
  Tag,
};