Typescript &引用；TypeError:无法读取属性'$路由器&x27；“无效”的定义；武装分子

单击vuetify中的按钮后，我试图导航到另一个页面，但无法导航。在控制台中显示此错误：

"TypeError: Cannot read property '$router' of null"

这是我的代码：

ProductDetailsCard.vue

<v-btn @click="this.$router.push({path: '/newpage'})">Next Page</v-btn>

<v-btn @click="NewPage">Next Page</v-btn>
.....
NewPage ( ) {
        this.$router.push({ path: '/newpage'});
}

如果我这样更改代码：

ProductDetailsCard.vue

<v-btn @click="this.$router.push({path: '/newpage'})">Next Page</v-btn>

<v-btn @click="NewPage">Next Page</v-btn>
.....
NewPage ( ) {
        this.$router.push({ path: '/newpage'});
}

---

有人能帮忙吗？

只要写

$router.push，
，
这是脚本中的vue组件的参考

<v-btn @click="$router.push({path: '/newpage'})">Next Page</v-btn>

下一页
只需编写
$router.push
，
此
供脚本中的vue组件参考

<v-btn @click="$router.push({path: '/newpage'})">Next Page</v-btn>

下一页
这似乎是一个错误的路由器配置。你能把路由器添加到主组件（app.vue）上吗？这是我的整个app.vue文件-
https://wetransfer.com/downloads/3de3911ea44a0244f29d6ac0049362ae20200522072607/a2fb2d
这似乎是一个错误的路由器配置。你能把路由器添加到主组件（app.vue）上吗？这是我的整个app.vue文件-
https://wetransfer.com/downloads/3de3911ea44a0244f29d6ac0049362ae20200522072607/a2fb2d