关于vue router得路由问题

有两个路由

{
    name: "article",
    path: '/article/:id',
    component: null
},
{
    name: "new-article",
    path: '/article/edit',
    component: ArticleEdit
},

现在我在通过代码到/article/edit页面,然后F5刷新后,就会路由到/article/:id页面,这个问题该怎么解决?

1个回答

使用query传递参数吧

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue路由--router(未完待续)
在前端开发的生涯中,很有可能会开发SPA(single page appaication)单页面应用,单页面应用少不了用到路由,那么Vue中的路由是怎么用的呢,下面我们就来探讨一下: 一、Vue路由简介: 用来开发SPA(单页面应用),根据不同的url地址显示不同的内容,但显示在同一个页面中。 二、基本用法 引用:需要额外的引用vue-router.js插件 HTML部分 a).使用内
vue配置路由(router)
介绍 路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》 安装 本地环境安装路由插件vue-router:    cnpm install vue-router --save-dev    *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.ht...
vue (router)路由分离
main.js中的内容: import Vue from 'vue' import VueRouter from 'vue-router' import routers from './routers'//和src同级 import App from './App' Vue.use(VueRouter) // 把routers.js中的路由在Main.js中实例化 const router...
Vue Router 路由拆分
1,子路由拆分 子路由map.js const map = [ { path: '/map-mutations', name: 'map-mutations', component: () => import('@/components/map-mutations') }, { path: '/map-getters', name: 'map...
vue中的路由router
路由(router) 后端路由:所有的超链接都是URL地址,所有的URL地址都定义服务器上对应的资源 前端路由:对于单页面应用程序来说,通过URL中的hash值(#号)来实现不同页面之前的切换 hash有一个特点:http请求中不会包含hash相关的内容,所以,单页面应用程序中的页面跳转主要是用hash实现 路由的基本使用 引入文件(vue.js和vue-router.js) 创建路由对...
Vue路由(router)基础知识
1. (1)安装路由 (2)在main.js文件中创建路由并引入组件 import Vue from 'vue' import App from './App.vue' // import router from './router' Vue.config.productionTip = false //路由设置 import Router from 'vue-router' /...
Vue实战之Router路由
路由跳转方式 // 字符串 router.push('/') // 含路径的对象 router.push({ path: '/' }) // 含命名的对象 router.push({ name: 'Home' }) // 含参数和查询参数的对象 router.push({ params: { id: 1 }, query: { page: 1 } }) 当 <router-li...
Vue Router(Vue路由详解)
模块化工程使用 在入口文件main.js中引用router: import Vue from 'vue' import App from './App' import router from './router' ...... // 通过 router 配置参数注入路由, // 从而让整个应用都有路由功能 new Vue({ el: '#app', router, ...... r...
vue router 动态路由
何为动态路由?能够提供参数的路由即为动态路由 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。 例如: 图书商品:   /goods?type=book    汽车商品:   /goods?type=car      美食商品:   /goods?type=food 路由地址相同,都是...
vue router路由懒加载
当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 懒加载: { path: '/login', name: 'login', component:() => import('@/views/system/log...
vue router 配置路由
vue-router 配置路由 用 Vue.js + vue-router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 vue-router 添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。 路由的基本实现 <!DOCTYPE html> <...
VUE:详解路由(router)
路由routerVUE路由整体的实例路由导航①更换路由地址②tag属性③自动设置类④设置行内样式路由视图路由器配置路由在组件中访问路由器对象动态的路径参数(多种情况匹配同一个组件)①基本使用②细节分析③可设置多段【动态路径参数】④可带查询参数⑤动态路径的参数发生变化时,对应组件会被复用⑥监听【动态的路径参数】的变化⑦路由匹配的优先级嵌套路由【显示多层级的路由视图】①在组件中添加路由②在路由器中添加...
vue router路由 原理
1. 什么是路由 路由,其实就是指向的意思,当我点击页面上的Home按钮时,页面中就要显示Home的内容,如果点击页面上的shop按钮,页面中就要显示shop的内容。Home按钮 => home 内容, shop按钮 => shop内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 2. 路由中有三个基本的概念 route, r...
关于vue路由router跳转的总结与问题
首先要明白vue就是用的组件来组成一个个界面,那么这些界面的切换就要考router来完成一开始是加载index.html来放上App.vue作为祖组件,其他的组件都可以布置在这个祖组件上 然后我新建了Test.vue与Test2.vue Test.vue中的是 <template> <div id="name">
vue的路由router用法总结
关于Vue-router 参考老马的总结很全面:https://malun666.github.io/aicoder_vip_doc/#/pages/vue/08-Vue入门之路由
vue知识点总结 --- router路由
index.js import Vue from 'vue' import Router from 'vue-router' import Routes from './modules/routes' Vue.use(Router) export default new Router({ routes: Routes, mode: 'history', //...
vue中路由router切换
一.实现一个简单的路由切换 前端路由使用hash值来切换,适用于单页面应用 vue中router的简单使用 1.下载vue-router.js 并安装 yard add vue-router 2.注册一个路由实例 const router = new VueRouter({ routes:[ 匹配路由规则 ] }) 把这个注册的路由添加到vue实例中 let vm = ne...
vue路由router的使用与搭建
vue路由router的使用与搭建 前端路由 hash值方式#/id不会向服务器发起请求,根据hash值的改变,对应渲染不同的前端组件 history方式无#号 router配置 import Vue from 'vue' VUe.use(ROuter) export default new Router({ mode:'history'//是否使用history模式不传默...
Vue路由(router)使用注意事项
1、跳转到明细页面this.$router.push({path: '/orderList'})2、获取当前路由的路径this.$route.path注意:两段代码中一个是router,一个是route。
Vue——Router(路由跳转传参)
在vue的页面跳转中,有三种传参方法: 1、路径传参 在配置路由时,我们可以配置可传参的路由(path中的id即为路径跳转中的参数),使用这种方法时,我们需要如下面的代码方式配置路由。 const router = new VueRouter({ routes: [ { path: '/user/:id', component: User } ] }) <...
关于Vue的路由组件router基础总结
VueRouter组件可以再任意的组件中导入使用,导入之后需要同时对Vue进行引用,如下: import HelloWorld from './components/HelloWorld.vue' import test from './components/test' import Vue from 'vue' import VueRouter from 'vue-router' Vue...
Vue Router(路由)的基础介绍
什么是路由(what)? 根据不同的路径显示不同的页面(组件)。 vue router的入门 我们使用vue-cli脚手架可以生成 vue router, 如果你在你的vue项目里没有看到router,使用npm install vue-router进行安装。 我们在src下进入router打开index.js文件(就是上面的图片里的index.js) 开始配置: 首先导入vue router...
vue router学习——动态路由和嵌套路由
vue router学习——动态路由和嵌套路由 本文主要参考: https://router.vuejs.org/zh-cn/essentials/nested-routes.html 本文的阅读前提是已经能够搭建一个vue前台程序并且运行。如果还么有搭建可以参考文章: http://blog.csdn.net/wild46cat/article/details/7636022
vue router 路由鉴权(非动态路由)
概述 角色:超级管理员、主题管理员、数据服务管理员 权限:超级管理员:所有页面主题管理员:基础公共页面+主题设置页数据服务管理员:基础公共页面+数据服务设置页+数据服务审批页 需求:角色菜单来自后端,当用户未通过页面菜单,直接从地址栏访问非权限范围内的url时,拦截用户访问并重定向到首页。 实际系统中还有几种管理员,此处略去,以精简...
VUE探索第三篇-路由(vue router)
一、vue router介绍 Vue Router是Vue.js官方的路由器,页面间的跳转(比如A->B->C)是一组路由,而Vue Router是管理这些路由的集成器。Vue Router主要有以下功能: 1、模块化的配置 2、路由的参数传递,传递 3、通过各种钩子实现导航的控制 4、视图间的过渡动画 下面我们将用实例介绍这些功能。参考百度的"最新大片"搜索结果,实现如下...
vue项目——Vue Router路由的使用
前言:     学习vue也有一段时间了,这里把学习整个vue项目中的一些知识点和问题,整理下方便自己记录,也希望给大家带来方便。我会连续写几篇系统的文章,讲解一个完整的vue项目中用到的各个使用模块。今天先来学习路由的的使用。 一、Vue Router     Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。我简单理解...
Router路由
Router路由:设定线的轨迹,在Connection接口中定义了添加路由的方式,所以实现了Connection接口的Figure都可以添加路由。另外在ConnectionLayer中有一个方法,是为此Layer下的所有实现了Connection接口的Figure添加一个路由。当然,我们还可以自定义一些Figure添加路由。   ConnectionRouter接口:路由的基础接口,所有的路由...
Vue router 路由嵌套 路由重定向 路由别名 router-link传参数
<template> <div> 这是商品列表页面 <router-link :to="{ name: 'title'}">标题</router-link> <router-link to="/goods/image">图片</router-link>
vue—router嵌套路由设置及默认选择
嵌套路由 应用场景:用vue-router 设置一个页面的路由的时候,在其页面组件内也需要用到,用一个项目来举例子 我在app.vue中设置路由出口对其他页面组件.设置路径,比如home 首页设置,在router文件夹index.js中设置 routes: [ { path: '/', component: home, }, ] 如果我要在首页中也设置一个路由出口时...
vue router 引入多个路由文件
背景:vue 项目 想把路由文件分为几个子文件,通过 export/import 的方式 引入到 index.js 中,这样做使得项目路由文件更加清晰,不至于都堆在一个文件里,难以查找。解决办法:增加子文件:xxx.jslet router = {} export default router复制代码index.js 中用 import 引入---------------------------...
Vue再学习5_路由router的使用
Vue再学习5_路由router的使用 router的引入 1: 下载 npm i vue-router -S 2: 在main.js中引入 import VueRouter from 'vue-router'; 3: 安装插件 Vue.use(VueRouter); 设置router // 1、添加home.vue <template> <div ...
Vue router 命名视图 命名路由
命名路由 <template> <div> 这是商品列表页面 <router-link v-bind:to="{name: 'cart', params: {cartId: '123'}}">跳转到购物车页面</router-link> </div> </template> 命
Vue Router 路由跳转传参知识 总结
一、跳转方式 1、router-link 标签   to里的值可以是一个字符串路径,或者一个描述地址的对象。例如: 默认 to 不加:号 <router-link to="/order/check_order_list" replace></router-link> 1.1 方法一 ( 按字符串路径) 路径:htt...
vue router(路由)的最基础使用
    假装很重要:才写博客不久,自己写的难免思维比较混沌,所以大家提提意见,可以评论,也可以留联系方式一起进步。    我们这里只是第一步使用router,最简单的一步先踏出去,不涉及动态路由、嵌套路由的使用。        刚听到路由的时候,只能大概知道可能这是与路径和目标有关。    正确的来说,在web开发中,路由是指根据url分配到对应的处理程序。在我看来路由就像是指路牌,在这个url中...
Vue Router基础使用(命名路由,命名视图,路由传参)
命名路由 命名路由,顾名思义,就是给生成的路由URL通过一个名称来标识。因此在 Vue Router 中,我们可以在创建Router 实例的时候,通过在routes配置中给某个路由设置名称,从而方便的调用路由。 const router = new VueRouter({ routes: [ { path: '/form', name: 'form', ...
VUE 路由router父子传参的方式(路由传参)
VUE 路由父子传参的方式 方案一: getDescribe(id) { // 直接调用router.push实现携带参数的跳转this.router.push 实现携带参数的跳转 this.router.push实现携带参数的跳转this.router.push({ path: /describe/${id}, //路由地址 }) 方案一,需要对应路由配置如下: { path...
关于vue router 传参获取不到问题
在当前路由中有一个toArticle方法可以跳转到article页面 methods:{ toArticle:function(index) { this.$router.push({path:'/article',params:this.blogList[index]}); } } 在article中接受不到params mounted(...
vue的小白问题--关于vue的路由设置
首先我们接触的vue更多的是做一个单页面的功能,但是偶尔如果遇到点击跳转像a标签一样,可以重新打开一个一个页面,应该如何去做; 解决办法,其实vue基本都兼容原生html的东西。所以我们只要把a标签的属性加过来就可以了。但是不能用a标签的写法,要用vue里面的写法。 直接贴代码:<router-link :to="{ path: './要跳转的页面'}" replace target...
路由知识-Router Information
很好的路由知识,可以从设计原理上去了解。真的很好很强大。
VUE_嵌套路由(Router)
什么是嵌套路由? 顾名思义,就是在路由内又嵌套了一层路由   1.编写需要嵌套的路由组件 2.在路由器配置嵌套路由组件 /* 路由器模块 */ import Vue from "vue" import VueRouter from "vue-router" import About from "../views/About.vue" //路由组件 import Ho...
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数