Javascript 承诺使用$router.push进行组件渲染时不解析

我试图在组件安装的挂钩内获取套接字ID。但当我刷新页面时，它会工作，而当用户使用$router.push（）进入组件时，它不会工作

---

看起来你需要在路由器视图上设置一个键

我正在使用Vue router@MuhammadYes，我知道。如果转到

App.vue

文件，您将看到一个自定义标记

。在此处添加

：key=“$route.fullPath”

。

 getSocketId() {
                return new Promise((resolve, reject) => {
                    debugger;
                     Echo.connector.pusher.connection.bind('connected', function () {
                     resolve(Echo.socketId())
                 });
                })
        },

  mounted(){
     this.getSocketId().then((socketId => {
                  let data =  {
                      data : {
                          booking_id : this.$route.params.id,
                          user_id : JSON.parse(localStorage.getItem("app_user_data")).id,
                          is_active: 1
                      },
                      socket_id : socketId
                  }
                this.postUserDataToFirebolt(data)
                this.addUserInBooking(data)
            }))
}