vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

简介: 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


 1425695-20190924182721481-647977900.png


解决办法


在项目目录下运行 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>


相关文章
|
12天前
|
前端开发 数据安全/隐私保护
Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:
Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:
|
17天前
|
JavaScript 前端开发 开发者
vue3+ts配置跨域报错问题解决:> newpro2@0.1.0 serve > vue-cli-service serve ERROR Invalid options in vue.
【6月更文挑战第3天】在 Vue CLI 项目中遇到 &quot;ERROR Invalid options in vue.config.js: ‘server’ is not allowed&quot; 错误是因为尝试在 `vue.config.js` 中使用不被支持的 `server` 选项。正确配置开发服务器(如代理)应使用 `devServer` 对象,例如设置代理到 `http://xxx.com/`: ```javascript module.exports = { devServer: {
28 1
|
1月前
|
JavaScript 前端开发 容器
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
40 1
|
1月前
|
JavaScript 搜索推荐 前端开发
vue报错 ‘超出最大堆栈大小‘
vue报错 ‘超出最大堆栈大小‘
31 3
|
1月前
|
JavaScript 前端开发 API
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
vue改变数组页面重新渲染的操作/那些操作不会重新渲染页面以及解决方法
27 2
|
1月前
|
人工智能 JavaScript 算法
Vue 报错 error:0308010C:digital envelope routines::unsupported
Vue 报错 error:0308010C:digital envelope routines::unsupported
|
1月前
|
设计模式 JavaScript 前端开发
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
|
1月前
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
56 1
|
1月前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
11 0
|
1月前
|
JavaScript 数据处理
vue报错 ‘超出最大堆栈大小‘
vue报错 ‘超出最大堆栈大小‘
22 0