form-create动态生成vue组件的方法

  介绍

这篇文章主要介绍了form-create动态生成vue组件的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

示例

 form-create动态生成vue组件的方法

让规则=(
  formCreate.maker.create (& # 39; i-button& # 39;) . props ({
  类型:& # 39;主要# 39;
  领域:& # 39;btn # 39;
  加载:真
  })
  ]
  $ f=formCreate.create(规则);

上面的代码是通过<代码> 制造商生成器动态生成一个正在加载的<代码> iview>

让规则=(
  formCreate.maker.template (& # 39; & lt; i-button:加载=發oading"在{{文本}}& lt; i-button> & # 39;,新Vue ({
  数据:{
  加载:没错,
  文字:& # 39;正在加载中…& # 39;
  }
  }))
  )

上面的代码是通过<代码> 制造商生成器动态生成一个正在加载的<代码> iview>

& # 39;   虚拟机:新Vue ({   数据:{   加载:没错,   文字:& # 39;正在加载中& # 39;   }   })   }   ]   $ f=formCreate.create(规则);

上面的代码是通过<代码> 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组件的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

form-create动态生成vue组件的方法