javascript - 如何区分Dropdown item事件？

Question

我正在使用 Element.io 和 Vue.js。

Dropdown Command Event

使用下拉菜单。我想单击一个下拉项，它将触发一个方法。

下拉代码:

<el-dropdown placement="left" @command="handleCommand">
    <img :src="vmenu" alt="Vertical Menu" width="20" style="margin-top: 6px;">
    <el-dropdown-menu slot="dropdown" style="overflow-x: hidden;">
         <el-dropdown-item icon="el-icon-edit-outline">Edit</el-dropdown-item>
         <el-dropdown-item icon="el-icon-circle-plus" command="a" v-show="scope.row.isPause===false">Pause</el-dropdown-item>
         <el-dropdown-item icon="el-icon-caret-right" command="b" v-show="scope.row.isPause===true">Enable</el-dropdown-item>
         <el-dropdown-item icon="el-icon-menu" command="c">Duplicate</el-dropdown-item>
         <el-dropdown-item icon="el-icon-delete" style="color: red;">Delete</el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>

方法:

methods: {
   handleCommand(command){
        if(command== (a)(command)){
            this.isPause = !this.isPause
            console.log(command);
        }
    }
}

当我单击命令时出现此错误:

Error in v-on handler: "ReferenceError: a is not defined"

现在我的问题是:当我单击“a”命令时，它将触发一个类似“a”的方法，但会出现错误!!!!

Answer 1

值“a”将被分配给 handleCommand 方法内的变量 command。您应该在 if 语句中使用比较command === 'a'。