CreateComponent创建器

组件工具。

基础用法

展开代码

复制代码

未找到组件展示

组件未注册: test

没有组件

展开代码

复制代码

设置属性

展开代码

复制代码

设置插槽

5555

展开代码

复制代码

嵌套

展开代码

复制代码

options

单选与下拉

值:

test1test2test2

请选择

多选

值:

test1test2test2

展开代码

复制代码

按需注册组件

// 公共注册
registerComponent({
  demo: ElInput,
});

//如果只是临时使用
const config = {
  component: ElInput,
};

//函数式组件切换主要针对列表使用 正常直接修改component值即可

注册私有组件

临时使用组件

Select

组件切换

Select

组件切换

展开代码

复制代码

统一设置属性

注册的优先级: ui库中的默认注册 < 项目注册 < 组件config注册 < 组件属性注册;

registerComponentDefaultPropsMap({
  demo: {
    placeholder: 'placeholder测试',
  },
});

展开代码

复制代码

统一设置插槽

registerComponentDefaultSlotsMap({
  demo: {
    append: 'append',
  },
});

append

展开代码

复制代码

统一设置事件

registerComponentDefaultEventsMap({
  input: {
    onClick: () => {
      console.log('click');
    },
  },
});

展开代码

复制代码

Props

属性	说明	类型	默认值
config	组件生成配置	Config	无
emptyText	未找到组件展示的字符串	String	无

Config

属性	说明	类型	必填
component	注册的组件键值	string | ComponentFunctionType	是
props	组件的属性或事件	Record<string, any>	否
children	嵌套Config	string | string[] | Config[]	否
slots	组件插槽	Record<string, string | number | VNode | (string | number | VNode)[]>	否