element-ui 下拉菜单带搜索框示例（亲测可用）

转载自：https://blog.csdn.net/wangchaohpu/article/details/106021791

1、举例组件代码

  
    
      
        
      
      
    
  


export default {
  data () {
    return {
      dropDownValue: '',
      optionsMetaAll: ['黄金糕', '双皮奶', '蚵仔煎', '双皮奶2', '龙须面', '北京烤鸭'],
      optionsMetaShow: ['黄金糕', '双皮奶', '蚵仔煎', '双皮奶2', '龙须面', '北京烤鸭'],
      valueMeta: []
    }
  },
  methods: {
    dropDownSearch () {
      var _this = this;
      _this.valueMeta = [];
      _this.optionsMetaShow = _this.optionsMetaAll.filter(_this.filterSearch);
    },
    filterSearch (item) {
      return item.includes(this.dropDownValue);
    },
  }
}


.el-scrollbar {
  display: block !important;
}

2、效果图