使用form-create动态生成vue自定义组件和嵌套表单组件
5星 · 超过95%的资源 39 浏览量
2020-10-17
12:51:43
上传
评论 1
收藏 38KB PDF 举报 
使用使用form-create动态生成动态生成vue自定义组件和嵌套表单组件自定义组件和嵌套表单组件
主要介绍了使用form-create动态生成vue自定义组件和嵌套表单组件，小编觉得挺不错的，现在分享给大家，也
给大家做个参考。一起跟随小编过来看看吧
使用form-create动态生成vue自定义组件和嵌套表单组件
[github]| [说明文档]
maker.create
通过建立一个虚拟 DOM的方式生成自定义组件
生成生成
Maker
let rule = [
formCreate.maker.create('i-button').props({
type:'primary',
field:'btn'
loading:true
})
]
$f = formCreate.create(rule);
上面的代码是通过maker生成器动态生成一个正在加载的iview按钮组件
Json
let rule = [
{
type:'i-button',
field:'btn'
props:{
type:'primary',
field:'btn',
loading:true
}
}
]
$f = formCreate.create(rule);
上面的代码是通过json方式动态生成一个iview按钮组件
修改修改
可以通过一下两种方式动态修改组件的配置项
通过rule修改组件生成规则
rule[0].props.loading = false;
通过$f.component()方法获取组件的生成规则并修改
$f.component().btn.props.loading = false;
示例
let rule = [
{
type:'row',
children:[
{
type:'i-col',
props:{
span:12
},
children:[
formCreate.maker.input('商品名称','goods_name','iphone'),
formCreate.maker.number('商品加个','goods_price',8688)
]
},
{
type:'i-col',
资源评论
AshleyK2023-07-27感谢作者用简单明了的方式介绍了form-create这个库的使用，让我们节省了很多时间和精力，非常适合忙碌的开发者们阅读和学习。
glowlaw2023-07-27这篇文章通过使用form-create动态生成vue自定义组件和嵌套表单组件，为我们提供了一个非常方便的方式来处理表单，非常实用。
林祈墨2023-07-27文章中的示例代码非常清晰易懂，让人很容易理解如何使用form-create来构建我们需要的表单，虽然有些地方可能需要进一步深入学习和挖掘。
基鑫阁2023-07-27对于不太熟悉vue的开发者来说，这篇文章提供了一个很好的入门指南，让我们可以快速上手并使用form-create来动态生成自定义组件和嵌套表单组件。
ask_ai_app2023-07-27这篇文章还提到了一些常见的表单验证和样式定制的方法，为我们提供了一些额外的知识和灵感，让我们可以更好地满足项目的要求。
