作者:mobiledu2502880273 | 来源:互联网 | 2022-03-10 11:46
之前也写过这个小组件,最近遇到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" 。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。