首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >"TypeError:无法读取属性'$router‘of null“中的

"TypeError:无法读取属性'$router‘of null“中的
EN

Stack Overflow用户
提问于 2020-05-22 05:48:02
回答 1查看 2.7K关注 0票数 3

我正在尝试导航到另一个页面后,点击一个按钮,但无法做到这一点。在控制台中,它显示了以下错误:

代码语言:javascript
复制
"TypeError: Cannot read property '$router' of null"

这是我的密码:

ProductDetailsCard.vue

代码语言:javascript
复制
<v-btn @click="this.$router.push({path: '/newpage'})">Next Page</v-btn>

这是我的整个ProductDetailsCard.vue页面https://wetransfer.com/downloads/775193b11b70a8cd03372db08ee5a56a20200522072851/4d93e3

路由器> index.js

代码语言:javascript
复制
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

代码语言:javascript
复制
<v-btn @click="NewPage">Next Page</v-btn>
.....
NewPage ( ) {
        this.$router.push({ path: '/newpage'});
}

然后在控制台中显示此错误:

代码语言:javascript
复制
"TypeError: Cannot read property 'push' of undefined"

有人能帮忙吗?

EN

回答 1

Stack Overflow用户

发布于 2020-05-22 05:56:42

只需编写$router.pushthis就是在脚本中引用vue组件。

代码语言:javascript
复制
<v-btn @click="$router.push({path: '/newpage'})">Next Page</v-btn>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61948628

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档