console
var Main = {
data () {
return {
val1: null,
option: [
{ label: '1', value: 1 },
{ label: '2', value: 2 },
{ label: '3', value: 3 },
{ label: '4', value: 4},
{ label: '5', value: 5 },
{ label: '6', value: 6 },
{ label: '7', value: 7 },
]
}
},
methods: {
selectChange(options) {
console.log(options)
}
}
};
var app = new Vue(Main).$mount('#app')
<script src="https://unpkg.com/vue@2.6.14">
</script>
<script src="https://unpkg.com/xe-utils">
</script>
<script src="https://unpkg.com/vxe-pc-ui@3.5.29">
</script>
<script src="https://unpkg.com/vxe-table@3.15.8">
</script>
<div id="app">
<template>
<div>
<vxe-select
v-model="val1"
placeholder="请选择"
clearable filterable
@change="selectChange"
allow-create>
<vxe-option
v-for="(item, index) in option"
:value="item"
:label="item.label"/>
</vxe-select>
</div>
</template>
</div>
@import url("https://unpkg.com/vxe-pc-ui@3.5.29/lib/style.css");
@import url("https://unpkg.com/vxe-table@3.15.8/lib/style.css");