vue下拉菜单组件（含搜索）的实现代码

之前也写过这个小组件，最近遇到select下加搜索的功能，所以稍微完善一下。

效果图：

子组件 dropdown.vue

父组件调用

import Dropdown from '@/components/dropdown.vue'
export default {
 data() {
  return {
    itemlist: {
    cur: {
     val: "",
     name: "所有产品"
    },
    data: [{
     val: "",
     name: "所有产品"
    }, {
     val: 1,
     name: "梦幻西游"
    }, {
     val: 2,
     name: "梦幻无双"
    }, {
     val: 3,
     name: "大话西游"
    }]
   },
  }
 },
 components: {
  Dropdown,
 },
 methods :{
  dropDownClick(e) {
   console.log(e.name, e.val)
  }
 }
}

默认是不带搜索框，如果需要可以传这个 :isNeedSearch="true" 。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。