vue中使用el-dropdown

隔壁郑同学

于 2022-04-15 19:12:12 发布

阅读量1.1k

点赞数 1

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44517301/article/details/124201932

版权

vue 专栏收录该内容

20 篇文章

订阅专栏

          <el-dropdown
            @command="
              (command) => {
                handleCommand(command, scope.$index, scope.row);
              }
            "
          >
            <el-link type="primary" :underline="false" style="margin-left: 10px"
              >更多</el-link
            >
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="f" v-if="scope.row.active_type == 1"
                ><i class="el-icon-download"></i>资料下载</el-dropdown-item
              >
              <el-dropdown-item command="a"
                ><i class="el-icon-document-copy"></i>复制</el-dropdown-item
              >
              <el-dropdown-item command="b" v-if="scope.row.is_top == 0"
                ><i class="el-icon-top"></i>置顶</el-dropdown-item
              >
              <el-dropdown-item command="c" v-if="scope.row.is_top >= 1"
                ><i class="el-icon-top"></i>取消置顶</el-dropdown-item
              >
              <el-dropdown-item command="d"
                ><i class="el-icon-edit"></i>重命名</el-dropdown-item
              >
              <el-dropdown-item
                command="e"
                v-if="scope.row.active_join_num == 0"
                ><i class="el-icon-delete"></i>删除</el-dropdown-item
              >
            </el-dropdown-menu>
          </el-dropdown>