使用element-UI的el-dropdown时绑定@click，click事件不触发？

Answer 1

el-dropdown-item没有自定义click事件, 两个解决办法:

使用原生click事件

@click.native = "logout"

使用菜单项的指令事件

<el-dropdown @command="handleCommand">

<el-dropdown-item command="logout">退出登录</el-dropdown-item>

methods: {

    handleCommand(command) {

        if (command === 'logout') {

            this.logout()

        }

    }

}

Answer 2

不能在item里面直接用@click

<el-dropdown-item>

    <span @click="logout()">退出登录</span>

</el-dropdown-item>

Answer 3

试试@click.native = "logout（）"

Answer 4

<el-dropdown @command="handleCommand">

<el-dropdown-item command="logout">退出登录</el-dropdown-item>

methods: {

    handleCommand(command) {

        this[command]()

    },

    logout () {

        // ...

    }

}