vue routes url不存在怎么跳指定的页面

Posted 2023-03-21

参考技术A 用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。本回答被提问者采纳 参考技术B
path: '*', //当url不存在 自动跳转到focus
redirect: '/focus'
,

path: '/focus',
name: 'Focus',
component: Focus
,

vue点击按钮跳转页面（带参数）

参考技术A 在传值页面添加点击按钮，给点击按钮添加跳转的点击事件。

这里用this.$router.push，用query方法传值。name指定要传到的页面。query指名要带的参数。      this.redirect：当出错时跳转到404.

接受值的页面用this.$route.query.id接受值。id为传值页面query里面的id。

*接受值是route而不是router