console
var Main = {
data() {
return {
formData:{
name:'',
family:[]
}
}
},
methods: {
},
computed:{
formSetting(){
return {
data:this.formData,
items:[
{title:'姓名',field:'name',itemRender:{name:'$input'}},
{title:'家人',field:'family',
itemRender:{
name:'$select',
props:{
multiple:true,
filterable:true,
options:[
{label:'lk',value:1},
{label:'asd',value:2},
{label:'232',value:3},
{label:'dda',value:4},
{label:'zcx',value:5},
{label:'xc',value:6},
{label:'ty',value:7},
]
}
}
}
]}
}
}
};
var app = new Vue(Main).$mount('#app')
<script src="https://unpkg.com/vue@2.6.0">
</script>
<script src="https://unpkg.com/xe-utils">
</script>
<script src="https://unpkg.com/vxe-table@3">
</script>
<div id="app">
<template>
<div>
<h2>form select</h2>
<vxe-form v-bind="formSetting"></vxe-grid>
</div>
</template>
</div>
@import url("https://unpkg.com/vxe-table/lib/style.css");