服务器架构数据的Vue表单生成器+ Vue表单向导验证问题

时间:2019-06-18 13:57:55

标签: vue.js vue-component

Vue form Generator + vue form Wizard validation issue with server schema data.
I am generating form schema data dynamically and trying to generate form using vue form wizara and vue form generator but while I am adding :before-change="validateFirstTab(index)" inside then it's showing me error and not able to do validation,
  

https://jsfiddle.net/3ordn7sj/5/

please check jsfiddle where I have created my demo

<form-wizard @on-complete="onComplete" color="gray" error-color="#a94442">
<tab-content title="Personal details" v-for="(wiz, index) in formData" :key="index" icon="ti-use">

<vue-form-generator :model="model" :schema="wiz" :options="formOptions" :ref="index">
</vue-form-generator>
<!--{{ wiz }}-->
</tab-content>
<tab-content title="Last step" icon="ti-check">
<h4>Your json is ready!</h4>
<div class="panel-body">
<pre v-if="model" v-html="prettyJSON(model)"></pre>
</div>
</tab-content>
</form-wizard>

在这里,我尝试使用服务器生成的数据动态创建表单选项卡,这将在jsfiddel示例中显示。

请检查并帮助我,我从2天起就被困住了。

谢谢

0 个答案:

没有答案