關於iview下拉菜單無法添加點擊事件的解決辦法

效果如下圖所示，點擊下拉菜單，點擊退出，然后跳到登錄界面

 

 

 代碼如下：

<Dropdown trigger="click" style="margin-left: 20px;">
    <Avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg" />
    <DropdownMenu slot="list">
         <DropdownItem  @click="isAdminModal = true">修改密碼</DropdownItem>
         <DropdownItem  @click="logOut" divided>退出</DropdownItem>
    </DropdownMenu>
</Dropdown>
                  

方法如下：

 

logOut() {
            this.$axios.get("api/api/netflow/v1/xky/logout")
            .then(res => {
                console.log(res)
                const code = res.data.code
                // console.log(code)
                if(code == '0000'){
                    this.$Notice.success({
                        desc: '登出成功！'
                    })
                    this.$router.push('/')
                }
                else {
                    this.$Notice.error({
                        title: '登出失敗',
                        desc: res.data.errMsg
                    })
                }
                
            })
            .catch( error => {
                console.log(error.response)
                console.log(error.message)
                this.$Notice.error({
                    desc: '登出失敗！'
                })
            })
        },

 然后沒有打印？？？？postman也測試通過了，那是為啥

最后發現還是iview的坑啊，哭了，文檔里寫着點擊事件，還有on-click都試了，沒用，最后才知道需要加個修飾符.native，真的崩潰

如下：

<DropdownItem  @click.native="isAdminModal = true">修改密碼</DropdownItem>
<DropdownItem  @click.native="logOut" divided>退出</DropdownItem>

 

 問題解決，res也能正常返回了