Vue-router

vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新

首页exportdefault{......methods:{flushCom:function(){//router是路由实例,例如:varrouter=newRouter({})//router.go(n)是路由的一个方法，意思是在history记录中前进或者后退多少步，0就表示还是当前，类似window.history.go(n)this.$router.go(0);}}}@click.na
UMR小豪·2020-08-03 03:24

react-router-config 插件使用和分析

学习react全家桶的时候肯定会使用react-router4.0react-router和vue-router对比起来，感觉vue-router设计的真的是简单好用啊。
今天又懒得加班·2020-08-03 03:23

【VUE】vue-router的基本用法

vue-router的应用十分简单，只有两步，配置好router文件，在Vue实例中引入即可。
墨霁青玉·2020-08-03 02:47

nginx 去除井号操作 2

三步走vue-Router路由配置constenv=(process.env.NODE_ENV&&process.env.NODE_ENV.trim()==='production');//页面导航exportconstrouter
Rkatsiteli·2020-08-03 02:33

vue-router addrouters 刷新导致页面空白或404 解决方案

vue-router动态路由加载会遇到一些问题，最严重的问题是刷新动态路由页面导致404，网上查了不少资料，都有点问题，解决了一下，附代码及解决思路。
lizhen_software·2020-08-03 01:02

vue创建vue-router的步骤

一：使用npminstall将vue-router下载下来在终端输入：cnpminstallvue-router--save然后回车等待安装完成即可。
记得每天进步一点点·2020-08-03 01:55

Vue Router Transition(页面路由转场动画)

近期在导航组件的测试时，遇到了市面上一些vue-router组件转场效果不理想的问题，所以就自己写了一个例子，使用的是slide效果，以供参考。
tgshell·2020-08-02 21:44

生成vue-router 文件

联想乐窗项目组-前端团队/**递归同步抓取src/page下所有一Routes.js命名的文件，最终生成src/page/allRoutes.js文件**/varfs=require('fs');varpath=require('path');varpagePath=path.join(__dirname,'./src/view');varimports=[];varroutesNames=[];
余阿良·2020-08-02 20:57

vue-router 设置默认路由

设置redirect值，就可以默认显示你想显示的那个路由页面importVuefrom'vue'importRouterfrom'vue-router'importContentfrom'@/components
我的孤单不寂寞·2020-08-01 14:12

hash和history两种模式的区别

众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。
polic_d·2020-08-01 14:08

Vue之默认页面的实现

index.js：importVuefrom'vue'importRouterfrom'vue-router'importMainPagefrom'@/components/MainPage'importNewsfrom
Quincy379·2020-08-01 14:39

vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题

vue-router同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染。
joyour·2020-08-01 14:31

（十五）VueCli3.0全栈——前端页面的准备工作

/views里面的About.vue和Home.vue删掉2、配置修改client/src/router.js内容//删掉多余部分importVuefrom'vue'importRouterfrom'vue-router
彼得朱·2020-08-01 14:51

面试前端岗，你被要求手写源码了吗？

介绍vue-router原理？v-if和v-show的区别？使用箭头函数应该注意什么？promise构造函数是同步执行还是异步执行？
YvetteLau·2020-08-01 13:16

web前端课程设计——K.X的博客

课程设计运用单页面技术、vue-router（路由）、定义全局变量、bootstrap4界面设计以及Vue-html
K.X·2020-08-01 13:27

系统学习大前端(11)---vue-router实现、模拟vue、VDOM实现原理练习

文章内容输出来源：拉勾教育大前端高薪训练营一、简答题1、当我们点击按钮的时候动态给data增加的成员是否是响应式数据，如果不是的话，如果把新增成员设置成响应式数据，它的内部原理是什么。letvm=newVue({el:'#el'data:{o:'object',dog:{}},method:{clickHandler(){//该name属性是否是响应式的this.dog.name='Trump'}
柒月梦·2020-08-01 12:40

vue-router在3.0版本以上重复点击菜单报错的问题

报错样本://Push版本constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}//Replace版本constoriginalReplace=VueRouter.
creazyDa·2020-08-01 11:46

小白前端之路:手写一个简单的vue-router这几年，好像过的好快，怀念我的大学生活。 - 连某人 大三实习生,之前写过简单MVVM框架、简单的vuex、但是看了vue-router的源码(看了

连某人大三实习生,之前写过简单MVVM框架、简单的vuex、但是看了vue-router的源码(看了大概)之后就没有写,趁着周末不用工作(大三趁着不开学出来实习,现在水平比较低,代码也没有优化,请小喷)
兿·2020-08-01 11:17

Vue：前端体系、前后端分离

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router：跳转，vue-resource：通信，vuex：管理）或既有项目整合。
咖啡味的茶·2020-08-01 11:30

vue-router 跳转中断，iview的menu组件高亮不变

vue-router跳转中断，iview的menu组件高亮不变场景：编辑页有保存与取消编辑按钮，用户编辑后未保存页面就进行跳转行为，弹框提醒用户是否继续跳转，用户点取消则停留在当前页面。
Miss_Liang·2020-08-01 10:06

name: "NavigationDuplicated", message: "Navigating to current location ("/") is not allowed", stack:

vue-router报错name:"NavigationDuplicated",message:"Navigatingtocurrentlocation("/")isnotallowed",stack:
悟世君子·2020-08-01 10:39

vue报错：name: "NavigationDuplicated"，message: "Navigating to current location ("/pool") is not allowed

:“Navigatingtocurrentlocation(”/pool")isnotallowed这句话的意思：在路由跳转的时候不允许两次push/replace的path地址相同解决方法：方法一：vue-router
Queen_live·2020-08-01 10:03

vue项目报错Navigating to current location ("/cancell") is not allowed

vue-router未处理这个问题。解决方式：自己捕捉错误一、this.$router.push(`/login`,()=>{},(err)=>{})二、this.
柒月梦·2020-08-01 09:15

解决vue-router出现message: "Navigating to current location ("/admin/index") is not allowed"的问题

其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。
随遇而安、1314·2020-08-01 09:01

Vue：前端体系、前后端分离

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router：跳转，vue-resource：通信，vuex：管理）或既有项目整合。
星海007·2020-08-01 09:17

vuex实现登录状态的存储，未登录状态不允许浏览

基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由独享的守卫
FarmanKKK·2020-08-01 08:11

Vue-cli项目中路由的基础用法，以及路由嵌套

文件目录：编辑router文件夹下的index.js文件·第一步：引用vue和vue-router，Vue.use（VueRouter）/*eslint-disable*/importVuefrom'vue'importRouterfrom'vue-router'Vue.use
广积粮缓称王·2020-08-01 08:27

vue-router路由权限分发思路记录

//用于批量获取文件（引入文件）constreq=require.context('../../assets/icons/svg',false,/\.svg$/)console.log(req(req.keys()[0]).default)//varconstantRoutes=[{path:'/login',component:(resolve)=>require(['@/views/login
奥吼吼~~·2020-08-01 08:51

vue-router(hash模式)常见问题以及解决方法

###问题一：```//动态路由/detail/:id```动态路由跳转的时候，页面是不刷新的，相信很多人都遇到了相同的问题>###解决方法在全局的router-view组件上设置一个key值，此key值为一个时间戳或者随机字符，对于keep-alive的组件不做这个处理。###问题二：```router.go(0)```这种写法本质上是想达到刷新当前页面的目的，但是在一些浏览器上不兼容，主要是i
water-gourd·2020-08-01 08:11

VUE 爬坑之旅 -- 全局路由拦截，判断及保存登录状态

vue项目中，页面之间的跳转是通过路由实现，要想实现上述的逻辑就必须得在路由上面下文章，在官方路由vue-router中，有导航守卫这么个东西，还不知道的先看下官方文档导航守卫分为全局守
zgh0711·2020-08-01 08:03

Vue父子vue-router路由传递数据与父子组件传递数据之分析

父子路由传递数据分析如下实际上等同于父子组件之间，数据的传递；父传子--------->父绑定属性，子props接受属性值子传父--------->触发自定义事件，子触发$emit,父接收父组件触发子事件------->在父组件中获取子组件的实例（可以通过在父组件中给子组件绑定ref，在父组件中获取子组件的实例，再调用子组件中相应事件即可）,以下案例主要是父路由给不同子路由传递数据的方法，其中主要
一月清辉·2020-08-01 08:07

vue-router一些常见问题

importstorefrom'./vuex/store'importcookiefrom'./libs/cookie'router.beforeEach((to,from,next)=>{console.log('测试')next('/order')})//路由预先判断router.beforeEach((to,from,next)=>{//首先判断是否已有用户登录信息userInfoif(st
东边的小山·2020-08-01 07:27

vue，keep-alive，不同路由指向同一个组件，如何分别缓存页面状态

代码如下：router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'imp
theajack·2020-08-01 07:33

vue子路由跳转问题

/stastic/element-ui2.4.9-index.css'import'element-ui/lib/theme-chalk/index.css'importVueRouterfrom'vue-router'importV
xuxinwen32·2020-08-01 07:40

Vue路由History mode模式中页面无法渲染的原因及解决

使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉vue-router在哪里渲染它们
ArtisanLin·2020-08-01 07:02

微信h5页面返回时ios不刷新页面解决方案

解决这一问题想到了vue-router，vue-router不就是有路由钩子吗？它主要用的his
TowYingWang·2020-08-01 07:35

关于vue-router动态添加路由$router.options不更新的解决办法

昨天为了调试这个问题搞了很久，开发的后台菜单是遍历router.options，之前注册静态路由的时候router.options，之前注册静态路由的时候router.options，之前注册静态路由的时候router.options里面都是有值的，但是动态注册router.addRoutes就不行，router.addRoutes就不行，router.addRoutes就不行，router.op
快乐远航1·2020-08-01 07:36

vue-router嵌套子路由实际使用

前端路由的定义在spa流行之前，前端路由是没有的；而像java之类的后台语言很早就有了，后端路由一般就是定义一系列的访问地址规则，路由引擎根据这些规则匹配并找到对应的处理页面，然后将请求转发给页面进行处理。在spa应用中，前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法，一是在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航；二是使
啊哈！前端·2020-08-01 07:03

vue-router同路由$router.push不跳转一个简单解决方案

vue-router同路由$router.push不跳转一个简单解决方案vue-router跳转一般是这么写：toCurrentPage:function(thisId){this.
wulala_orz·2020-08-01 07:20

VUE-Router 同一页面第二次进入不刷新 问题以及几个解决方案。

最近正好遇到一个问题，修改用户的头像，修改后再进入用户主页，发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供集中解决方案来给予大家参考：1.可以在刷新的页面定义一个参数,这样每次都会渲染出不同的页面：route实例化命名配置：{//用户信息path:'/accountDetail/:randKey',name:'accountDetail',component:accountDetai
wpj130·2020-08-01 07:33

vue-router嵌套路由详解

结合vue-router仿天猫底部导航栏，给组件Me添加嵌套路由，也叫子路由。
木雷双雄7·2020-08-01 06:10

小白VUE学习笔记5：History模式下，打包后页面刷新访问404

Vue-Router采坑系列：History模式首先我们可以看看官网上的说明constrouter=newVueRouter({mode:'history',routes:[...]})所以说这里两种解决方案
Funfction_Zero·2020-08-01 06:30

解决vue router使用 history 模式刷新后404问题

因为我们的应用是单页客户端应用，当使用history模式时，URL就像正常的url，可以直接访问http://www.xxx.com/user/id，但是因为vue-router设置的路径不是真实存在的路径
吕思格·2020-08-01 06:32

vue-router 路由守卫 与 vuex

vue是单页面应用，各个页面的跳转需要路由支持，当然也可以v-if/v-show，但是实际开发中不现实为一个项目做鉴权就可以用解决方案去vuex里面读取状态，根据状态来调用vue-router的路由守卫来实现
城堵·2020-08-01 06:40

vue项目页面进行数据更新的三种方法

2.遇到的问题用vue-router重新路由到当前页面，页面是不进行刷新的3.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好4.解决方法
hhh·2020-08-01 06:58

初识vue-router

exportdefaultnewRouter({routes:[{path:'/',component:_import('layout/index'),name:'layout',redirect:{name:'home'},desc:'上左右整体布局',children:[//菜单路由{path:'/home',component:_import('home/index'),name:'home
回不去的那些时光·2020-08-01 06:20

Vue-router——遇到的坑（一）history模式刷新/设置嵌套路由报错（webpack配置）

前端路由都不是真是存在，只需要为前端跳转做一个显示。hash模式url中会有#存在，看起来不太舒服且不好做SEO，但是由于路由器向服务器发请求的时候会忽略#后面的值，所以在浏览器刷新的时候都是很正常的不会再次发请求。-history模式url就是我们看的正常的路由样子，就是因为看起来很像真的，所以浏览器向服务器请求（也就是刷新）的时候会发现服务器根本没有这个路径资源，所以返回404。需要在webp
人间妄想_·2020-08-01 06:43

vue-router 3级路由

importLayoutfrom'@/layout'constptrECard={path:'/ptrECard',component:Layout,redirect:'/ptrECard',name:'ptrECard',meta:{title:'ptrECard',icon:'logistics'},children:[//eslint-disable-next-lineindent//油卡管
酷酷的旭·2020-08-01 05:13

vue-router的嵌套路由，重定向和别名

1.命名路由有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建Router实例的时候，在routes配置中给某个路由设置名称。我个人理解就相当于给路径取个名字，调用的时候，这个名字就指这个路径，不然有些路径很长，直接写太麻烦。constrouter=newVueRouter({routes:[{path:'/user/:userId',n
加油加油加油啊·2020-08-01 05:40

Vue 源码深入解析之 Vue Router、路由注册 和 VueRouter 对象

一、Vue-Router路由，它的作用就是根据不同的路径映射到不同的视图。我们在用Vue开发过实际项目的时候都会用到Vue-Router这个官方插件来帮我们解决路由的问题。
旧城tk·2020-08-01 05:40
上一页 81 82 83 84 85 86 87 88 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他