使用form-create动态生成vue自定义组件和嵌套表单组件

[github]|[文档]

创建者

通过创建虚拟DOM生成自定义组件

产生

制造者

让规则=[formcreate . maker . create(' I-button ')。props({ type:'primary '，field : ' BTN ' load : true })]$ f=formcreate . create(rule)；上述代码通过maker生成器动态生成加载iview按钮组件

数据

让规则=[ { type:'i-button '，field:'btn ' prop : { type : ' primary '，field : ' BTN '，load : true } }]$ f=formcreate . create(规则)；上面的代码通过json动态生成一个iview按钮组件

修改

您可以通过以下两种方式动态修改组件的配置项

通过规则修改组件生成规则

规则[0]. props . loading=false；通过$f.component()方法获取组件的生成规则并进行修改

$ f.component(). BTN . props . loading=false；例子

让规则=[{type:' row '，children: [{type:' I-col '，prop : { span :12 }，children :[form create . maker . input('商品名称'，Goods _ name '，' iphone ')，formcreate.maker.number('商品加一'，' goods _ price '，8688)]，{type:' I-col '，prop : { span 3:12 }，选项([{value:1，label:' show'}，{value33366。

通过模板生成自定义组件，方法maker.createTmp是这个方法的别名

产生

制造者

让规则=[form create . maker . template(' I-button : loading=' loading ' { { text } } I-button '，new vue({ data : { loading 3360 true，text3360' loading . ')})]以上代码通过

数据

Letrule=[{type:' template '，template : ' I-button 3360 loading='正在加载' {text}} I-button '，VM : new vue({ data 3360 { load : true，text: '正在加载' })。上面的代码通过Json动态生成一个iview按钮组件

修改

有两种方法可以动态修改vm组件中的值

通过规则获取定制组件的vm并修改它

规则[0].vm.text=“加载完成”；规则[0]. VM . loading=false；通过$f.component()方法获取自定义组件的vm，并对其进行修改

$ f.component(). BTN . VM . text=' loaded '；$ f.component(). BTN . VM . loading=false；以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。