2020-04-20  本文已影响0人  指尖架构141319

1.效果图

image.png

2.代码

              <el-dropdown class="avatar-container" trigger="click">
                <div class="avatar-wrapper" style="margin-right: 10px">
                  <span style="color:#fff;">{{ custom }} </span>
                  <i class="el-icon-caret-bottom" />
                </div>
                <el-dropdown-menu slot="dropdown" class="user-dropdown">
                  <el-dropdown-item >
                    <span style="display:block;" @click="handleCommand('cn')">中文</span>
                  </el-dropdown-item>
                  <el-dropdown-item >
                    <span style="display:block;" @click="handleCommand('en')">English</span>
                  </el-dropdown-item>
                  <el-dropdown-item >
                    <span style="display:block;" @click="handleCommand('ja')">日本語</span>
                  </el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>