介绍 & # 39;
虚拟机:新Vue ({
数据:{
加载:没错,
文字:& # 39;正在加载中& # 39;
}
})
}
]
$ f=formCreate.create(规则);
这篇文章主要介绍了form-create动态生成vue组件的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
示例
让规则=( formCreate.maker.create (& # 39; i-button& # 39;) . props ({ 类型:& # 39;主要# 39; 领域:& # 39;btn # 39; 加载:真 }) ] $ f=formCreate.create(规则);
上面的代码是通过<代码> 代码>制造商生成器动态生成一个正在加载的<代码> iview> 代码按钮组件Json
让规则=( formCreate.maker.template (& # 39; & lt; i-button:加载=發oading"在{{文本}}& lt; i-button> & # 39;,新Vue ({ 数据:{ 加载:没错, 文字:& # 39;正在加载中…& # 39; } })) )
上面的代码是通过<代码> 代码>制造商生成器动态生成一个正在加载的<代码> iview> 代码按钮组件
上面的代码是通过<代码> Json代码>方式动态生成一个<代码> iview> 代码按钮组件
修改
可以通过一下两种方式动态修改<代码> vm> 代码组件内部的值
通过规则<代码> 代码>获取自定义组件的vm <代码> 代码>并修改
规则[0]. vm。=& # 39;文本加载完毕& # 39;; 规则[0]. vm。加载=false;
通过<代码> f.component美元()代码>方法获取自定义组件的vm <代码> 代码>并修改
f.component美元().btn.vm.text=& # 39;加载完毕& # 39;; $ f.component () .btn.vm.loading=false;
感谢你能够认真阅读完这篇文章,希望小编分享form-create动态生成vue组件的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!