使用VUE下拉框组件el-dropdown-item，设置click点击事件，会触发两次

问题遇到的现象和发生背景

使用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方法同样会调用两次。

解决方法

不知道各位有咩有解决办法

用command
https://blog.csdn.net/qq_41383941/article/details/115461509

使用指令的方式去做，别用click

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632