步骤
- 在
<Dropdown>上通过@on-click绑定点击事件 - 在下拉菜单项
<DropdownItem>通过name属性来标识这一个菜单项 - 点击某个下拉菜单项后通过绑定事件的参数可以获取点击的 DropdownItem 的name属性的值。
参考代码
- html:
<Dropdown trigger="click" @on-click="handleClick"> <span> <Icon type="ios-arrow-down"/> </span> <DropdownMenu slot="list"> <DropdownItem name=personalInfo>个人信息</DropdownItem> <DropdownItem name="logout">退出</DropdownItem> </DropdownMenu> </Dropdown> - js
methods: { handleClick(value) { console.log(value); }, },