element Dropdown

element Dropdown

visible-change

@visible-change=“handleVisible”

visible-change	下拉框出现/隐藏时触发	出现则为 true，隐藏则为 false
Val 下拉框出现/隐藏时触发	出现则为 true，隐藏则为 false

handleVisible(Val){
      if(Val){
        this.showusermenu = true;
      }else{
        this.showusermenu = false;
      }
    },

command

@command="handleCommand"
<el-dropdown-item command="loginout">退出登录</el-dropdown-item>

handleCommand(command){
      if (command == 'loginout') {
         this.$notify({
          title: '成功',
          message: '退出',
          type: 'success'
        });
      }
    }

<div class="dropdown">
      <el-dropdown @visible-change="handleVisible" @command="handleCommand">
        <span class="el-dropdown-link">
          {{username}}
          <span v-show='showusermenu' class="iconfont">&#xe6e9;</span>
          <span v-show='!showusermenu' class="iconfont">&#xe734;</span>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="seeMe">个人信息</el-dropdown-item>
          <el-dropdown-item command="updatepass">修改密码</el-dropdown-item>
          <el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>