Как отличить guish событие выпадающего предмета? - PullRequest
0 голосов
/ 02 апреля 2020

Я работаю с Element.io с Vue. js.

Событие команды выпадающего списка

Использование раскрывающегося списка. Я хочу щелкнуть по раскрывающемуся элементу, он вызовет метод.

Раскрывающийся код:

<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);
        }
    }
}

Пока я нажимаю на команду, выдача этой ошибки:

Ошибка в v-on обработчике: «ReferenceError: a не определено»

Теперь мой вопрос: пока я нажимаю команду «a» тогда он сработает как «а», но выдаст ошибку !!!!

1 Ответ

1 голос
/ 02 апреля 2020

Значение 'a' будет присвоено переменной command в методе handleCommand. Вы должны использовать сравнение command === 'a' внутри оператора if.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...