vue2.0 elementui Dropdown 下拉菜单 el-dropdown的取值方式

木毅01

于 2024-09-18 15:46:42 发布

阅读量190

点赞数 1

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

本文链接：https://blog.csdn.net/qq_27806371/article/details/142335540

版权

elementui 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<div class="keyword-item" v-for="(item,index) in keywordArr" :key="index">
  <div class="d1">{{ item.name }}</div>
  <div class="d2">
    <el-dropdown @command="(command) => updateStatus(index, command)">
      <span class="el-dropdown-link">
        {{ item.status }}<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="精准否定">精准否定</el-dropdown-item>
        <el-dropdown-item command="短语否定">短语否定</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
  <div class="d3">删除</div>
</div>
updateStatus(index, command) {
  this.keywordArr[index].status = command;
},