element-plus/docs/examples/select/allow-create.vue

40 lines
631 B
Vue

<template>
<el-select
v-model="value"
multiple
filterable
allow-create
default-first-option
:reserve-keyword="false"
placeholder="Choose tags for your article"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const value = ref<string[]>([])
const options = [
{
value: 'HTML',
label: 'HTML',
},
{
value: 'CSS',
label: 'CSS',
},
{
value: 'JavaScript',
label: 'JavaScript',
},
]
</script>