使用vue怎么实现下拉菜单组件
这篇文章给大家介绍使用vue怎么实现下拉菜单组件,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
创新互联建站是网站建设技术企业,为成都企业提供专业的成都网站建设、网站设计,网站设计,网站制作,网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制适合企业的网站。十多年品质,值得信赖!
子组件 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) } } }
关于使用vue怎么实现下拉菜单组件就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
网页名称:使用vue怎么实现下拉菜单组件
链接地址:http://myzitong.com/article/iphsdi.html