解决方案参考博客:https://blog.csdn.net/weixin_45522694/article/details/99548714
报错解决办法:针对路由跳转相同的地址添加catch捕获一下异常:this.$router.push(’/location’).catch(err => { console.log(err) })
如图:
代码如下:
<template>
<div class="top-header-container">
<ul>
<li :class="{'active':isActive1}" @click="changeRoute(1)">Home</li>
<li :class="{'active':isActive2}" @click="changeRoute(2)">Search</li>
<li :class="{'active':isActive3}" @click="changeRoute(3)"