之前也写过这个小组件,最近遇到select下加搜索的功能,所以稍微完善一下。
效果图:
子组件 dropdown.vue
{{itemlist.cur.name}}
- {{item.name}}
{{nodatatext}}
父组件调用
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" 。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。