Vue路由跳转失败——a标签href属性

在做vue2项目时，要实现三级联动的路由跳转功能，出现了路由虽然跳转但快速闪到主页的问题，以下是解决方案：

路由配置如下

routes: [
        {
            path: '/home',
            component: HomeRoute,
            meta:{isShow:true}
        },
        {
            name:'search',
            path: '/search/:key?',
            component: SearchRoute,
            meta: { isShow: true },
            props($route) {
                return {
                    a:$route.query.key
                }
            }
        },
        
        //路由重定向：项目一打开就展示首页内容
        {
            path: '*', //任意路经
            redirect:'/home'
        }
    ]

原代码如下

修改方案如下

原因分析：点击a标签后，默认动作跳转到 href=' '   因为路由配置了重定向，故会路由跳转后会快速重定向到 /home页