console
new Vue({
el: "#app",
data: {
options: {
formData: {
city: '',
citys: ''
},
formItem: [
{
type: 'select',
key: 'city',
children: [
{
label: '天津',
value: 'tianjin'
},
{
value: 'shenzhen',
disabled: true,
label: '深圳'
},
{
label: '韶关',
value: 'shaoguan'
},
],
events: {
// 表单联动
'on-change': function(val) {
this.options.formData.citys = val
}
}
},
{
type: 'select',
key: 'city',
children: [
{
label: '天津',
value: 'tianjin'
},
{
value: 'shenzhen',
disabled: true,
label: '深圳'
},
{
label: '韶关',
value: 'shaoguan'
},
],
events: {
'on-change': function(val) {
this.options.formData.citys = val
}
}
},
]
}
}
})
<link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-form-maker/dist/vue-form-maker.js"></script>
<div id="app">
<vue-form-maker :options="options" />
</div>
#app {
padding: 10px 20px;
}