我正在尝试导航到另一个页面后,点击一个按钮,但无法做到这一点。在控制台中,它显示了以下错误:
"TypeError: Cannot read property '$router' of null"这是我的密码:
ProductDetailsCard.vue
<v-btn @click="this.$router.push({path: '/newpage'})">Next Page</v-btn>这是我的整个ProductDetailsCard.vue页面https://wetransfer.com/downloads/775193b11b70a8cd03372db08ee5a56a20200522072851/4d93e3
路由器> index.js
import Vue from 'vue';
import Router from 'vue-router';
import NewPage from '../components/NewPage.vue';
Vue.use(Router)
export default new Router({
base: process.eventNames.BASE_URL,
routes: [
{
path: '/newpage',
name: 'newpage',
component: NewPage
}
]
})如果我像这样修改代码:
ProductDetailsCard.vue
<v-btn @click="NewPage">Next Page</v-btn>
.....
NewPage ( ) {
this.$router.push({ path: '/newpage'});
}然后在控制台中显示此错误:
"TypeError: Cannot read property 'push' of undefined"有人能帮忙吗?
发布于 2020-05-22 05:56:42
只需编写$router.push,this就是在脚本中引用vue组件。
<v-btn @click="$router.push({path: '/newpage'})">Next Page</v-btn>https://stackoverflow.com/questions/61948628
复制相似问题