javascript - 如何在 vuetify 中单击按钮导航到另一个页面?
问题描述
单击 vuetify 中的按钮后,我试图导航到另一个页面,但无法做到这一点。单击下一页按钮后,它应该导航到新页面。
这是按钮所在的网址:
http://localhost:8080/viewer/?id_product=548
这是我的代码:
ProductDetailsCard.vue
<v-btn @click="this.$router.push({path: '/newpage'})">Next Page</v-btn>
路由器 > index.js
import Vue from 'vue';
import Router from 'vue-router';
import NewPage from '../components/NewPage.vue';
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.eventNames.BASE_URL,
routes: [
{
path: '/newpage',
name: 'newpage',
component: NewPage
}
]
})
谁能帮我?
解决方案
Vuetify 按钮支持to
属性
<v-btn to="/newpage">Next Page</v-btn>
但是您的问题出在不同的地方,使用不带引号的组件作为对组件类的引用,而不是字符串值。
component: NewPage
推荐阅读
- python - pytesseract 无法识别二值化图像中的数字
- c - fgetc() 和 feof() 抛出大文件的段错误
- mysql - int 类型的查询错误和结果错误值:8962101012749336481
- python-import - 为什么importlib无法将模块导入两级
- javascript - 更新点击事件的 API 数据
- excel - 当我运行用户表单时,我在 VBA 中收到子脚本超出范围错误
- javascript - 如何在同一个 ui-select 字段上同时应用 filter:$select.search 和 limitTo:$select.infiniteCurrentLimit?
- java - java.lang.RuntimeException:编码时出错:java.lang.ArrayIndexOutOfBoundsException:1
- javascript - 无法打印国际字符
- python - + 符号在此代码中的作用是什么?