SOURCE

console 命令行工具 X clear

                    
>
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");