首页 > Vue设置导航返回键路由到上一级报错

Vue设置导航返回键路由到上一级报错


如图,使用vue做了一个导航组件nav,然后设置自定义导航,返回上一级的路由.
我的方案是不想每次都调用自定义组件nav都要自己写返回的路由,所以想到了自动生成
代码如下:

<template>

<div id="mynav">
<nav id="nav" class="relative">
<p id="nav-goback" class="nav-sub-leftside" v-show="gobackshow">
<a v-link="prevRoute"><</a>
</p>
</nav>
</div>

</template>
<script>
module.exports = {
name: "mynav",
props: {
gobackshow: {
type: Boolean,
default: true
}
},
data: function () {
return {
pathMatch: location.hash.match(/(/[a-zA-Z]+)+/)
}
},
computed: {
prevRoute: function(){
if (this.pathMatch[0] != this.pathMatch[1]) {
return this.pathMatch[0].substring(0,this.pathMatch[0].search(this.pathMatch[1]));
} else {
return "/"
}
}
}
};
</script>

但是出现:

自动生成上一级路由的逻辑我测试过是没有问题的,问题可能出在使用vue的规范.请问如何解决?

【热门文章】
【热门文章】