menuItems: [//name和src必填，且name唯一否则会报错 {name: 'menu1', src: require('../assets/emoji.png')}, {name: 'menu2', src: require('../assets/cart.png')}, {name: 'menu3', src: require('../assets/folder.png')}, {name: 'menu4', src: require('../assets/home.png')}, {name: 'menu5', src: require('../assets/my.png')}, ] <toggle-menu :menuItems="menuItems" @clickMenu="clickMenu" ></toggle-menu>
属性及方法一栏
属性名
用处
默认值
是否必须
position
四个方位(LT、LB、RT、RB)
LT
否
menuBg
菜单背景
white
否
menuSrc
菜单图片
一个菜单图片
否
itemBg
按钮背景
white
否
width
按钮宽度
50px
否
baseDistance
位移距离，若item很多，可适当提高
150px
否
menuItems
菜单数组
无
是
方法名
用处
参数
clickMenu
点击item触发事件
item,index
总结
以上所述是小编给大家介绍的Vue左侧底部弹出菜单功能的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: