自定义组件

{warning} 自定义组件类用于创建一个自定义组件,所有内置组件都继承于CustomComponent类。命名空间:

  • CustomComponent 自定义组件类 FormBuilder\Driver\CustomComponent
  • FormComponent 表单组件类 FormBuilder\Driver\CustomComponent
  • 注意: 自定义组件可以使用组件生成规则中除options以外所有方法

创建一个自定义组件

生成一个 span 标签

// vue 组件名称或者 html 标签名称
$type = 'span';
$span = new CustomComponent($type);
$span->appendChild('自定义 span 标签');

生成一个 Vue的mavonEditor 组件

$type = 'mavon-editor';
$editor = new CustomComponent($type);
$editor->setField('markdown')->setTitle('文章内容')->setValue('# 标题');

设置 vue 组件的插槽

$input = Elm::input('goods_name', '商品名称');
$span->slot('append');
$input->appendChild($span);

创建一个自定义组件类

创建一个 span 标签类

class Span extends CustomComponent{}

创建一个表单组件 MavonEditor 类

class MavonEditor extends FormComponent{}

$editor = new MavonEditor('markdown', '文章内容', '# 标题');
$editor->props(['disabled'=>true]);
//$editor->prop('disabled', true);
Powered by