vue報錯 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解決方法

在進行跳轉的時候報錯 app.js:87499 Uncaught (in promise) NavigationDuplicated?{_name: "NavigationDuplicated",
 name: "NavigationDuplicated", message: "Navigating to current location ("/yunshuattr") is not allowed", stack: "Error? 
  at new NavigationDuplicated (http://loca…rHandling (http://localhost:8080/app.js:90490:26

 

 

解決辦法

在項目目錄下運行 npm i vue-router@3.0 -S 即可

 

如何在任何頁面獲取到url地址  然后切換項目的時候仍然在當前地址

 console.log("當前頁面的參數",this.$route.path); this.$router.push(this.$route.path)；//切換項目的時候仍然在改頁面

 

項目切換的html代碼不要使用<a>標簽渲染（重要）

否則跳轉的時候會出問題

  <!-- 下面那三個列表  可以使用span -->

 

  <div class="list-group-item" v-for="(item,i) in projectName" :key="i"  @click="myclickEvent(item.name,item.id)"  :prj-id="item.id" > 
         <div class="media">
            <div class="media-body">
                 <h6 class="media-heading">
                     <i class="fa fa-outdent"><span>{{item.name}}</span></i>  //這里用的span渲染切換
                  </h6>
             </div>
         </div>
 </div>