[JavaScript知识库]vue element-ui 实现可输入的选择下拉框

?

?

<template>
  <el-select
    v-model="value"
    filterable 
    allow-create 
    :filter-method="filterMethod"
    default-first-option 
    clearable    
    placeholder="请选择文章标签">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: [{
        value: 'HTML',
        label: 'HTML'
      }, {
        value: 'CSS',
        label: 'CSS'
      }, {
        value: 'JavaScript',
        label: 'JavaScript'
      }],
      value: ''
    }
  },
  methods: {
    filterMethod (val) {
      this.value = val
    }
  }
}
</script>

?