iView UI 的dropdown 组件绑定事件,和获取菜单项的值

1,706 阅读1分钟

步骤

  1. <Dropdown> 上通过@on-click绑定点击事件
  2. 在下拉菜单项 <DropdownItem> 通过 name 属性来标识这一个菜单项
  3. 点击某个下拉菜单项后通过绑定事件的参数可以获取点击的 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);
        },
    },