问题遇到的现象和发生背景
使用VUE下拉框组件el-dropdown-item，设置click点击事件，会触发两次
js写了一个exit方法，在下拉框选项处click调用，会触发两次exit事件，在别处调用不会出现此情况。
问题相关代码，请勿粘贴截图
<el-dropdown-menu>
<el-dropdown-item @click="$router.push('/user/person')">个人信息</el-dropdown-item>
<el-dropdown-item >系统消息</el-dropdown-item>
<el-dropdown-item @click="exit" >退出系统</el-dropdown-item>
</el-dropdown-menu>
methods:{
exit() {
this.$confirm('此操作将注销登录, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
sessionStorage.removeItem("user")
this.$router.push('/login')
}).catch(() => {
this.$message({
type: 'info',
message: '已取消操作'
});
});
}
}
运行结果及报错内容
我的解答思路和尝试过的方法
我尝试过在别的地方调用exit方法，并不会出现调用两次的情况，同样是下拉框选项，在“系统消息”那里添加click方法同样会调用两次。
解决方法
不知道各位有咩有解决办法
