Vue-router 第92页

前端踩坑（四）(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"

中加入以下代码//解决Uncaught(inpromise)NavigationDuplicated{_name:""NavigationDuplicated"的报错importRouterfrom'vue-router'constoriginalPush

TUTsmile·2020-07-14 06:17

vue-router 报错"Uncaught SyntaxError: Unexpected token }"

今天学习vue-router的时候，才开始学，在试官方源代码就遇到了一个问题，血压瞬间升高。

PlusZhang·2020-07-14 05:09

Vue-Router中使用keep-alive及在transition中的动画过度问题

当我们使用Vue来回切换页面，并希望保持页面组件状态的时候，会用到Vue的keep-alive抽象组件。以下为官网中的说明:包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中。这里注意，必须包裹动态组件时，缓存机制才会生效下面为简单的使用方式：这里的key属性，我使用的是当前组件的完整路径。computed:{key

Kyoku骏·2020-07-14 05:33

在nuxt中使用路由重定向

我们都知道，在写SPA的时候，我们可以通过配置vue-router来实现路由的重定向。

元无心·2020-07-14 04:56

vue-router使用总结

安装vuerouter#vuerouter可以安装为dev依赖npminstallvue-router--save-dev示例目录结构src----page--------Page1.vue--------Page2.vue----support--------router------------index.js----main.js----App.vue路由配置配置index.jsimportV

imdongrui·2020-07-14 04:40

Vue 应用系列笔记（二）关于路由 - Router

webstorm包管理工具:npm使用npx创建基础vue脚手架，这些最基础的部分，我们跳过，然后得到一个最基本的结构通常而言，我们一个项目总要有多个页面，如何去控制页面间的跳转（也就是我们常说的路由了），这边使用Vue-Router

CoffeeAndIce·2020-07-14 04:29

Avoided redundant navigation to current location:

虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法1：在项目目录下运行[email protected]将vue-router改为3.0版本即可；注释:

Good 奈斯·2020-07-14 03:32

Error: Avoided redundant navigation to current location ElementUI导航栏重复点击报错

ElementUI导航栏重复点菜单报错的解决办法：报错如下：解决方法：打开文件中的路由文件，(router/index.js)importVuefrom"vue";importVueRouterfrom"vue-router

-信仰。·2020-07-14 03:38

vue在history模式下刷新页面404

importVuefrom'vue'importVueRouterfrom'vue-router'importNavfrom'..

不二（王飞的个人博客）·2020-07-14 02:26

Avoided redundant navigation to current location报错

原因分析在vue-router在3.1.0版本之后，push和replace方法会返回一个promise对象，如果跳转到相同的路由，就报promiseuncaught异常可以参考：vue-routerreleases

西西弗的守望·2020-07-14 01:03

Vue.js结合vue-router和webpack编写单页路由项目

一、前提1.安装了node.js。2.安装了npm。3.检查是否安装成功：打开cmd，输入node，没有报“node不是内部或外部命令”表示安装成功node.js。打开cmd，输入npm，没有报“npm不是内部或外部命令”表示安装成功node.js。4.node.js下载地址：http://pan.baidu.com/s/1eRW4hiU。用这个安装包安装会默认帮你安装npm。注意：由于webpa

zwcwu31·2020-07-14 00:35

使用vue+webpack构建项目(二) 引入vuex vue-resource vue-router

之前学习到了使用vue+webpack构建项目(一)基本配置这里，这次学习在这个基础项目中引入vuex、vue-resource、vue-router等。

Deidei☀️·2020-07-14 00:18

vue初始化报错，Cannot read property '$createElement' of undefined

/App'importaxiosfrom'axios'importRouterfrom'vue-router'//scssimport'.

MacleChen·2020-07-13 23:40

vue + iview项目构建

vue.js官网iviewvue-cliPS：vue.js有著名的全家桶系列，包含了vue-router，vuex，vue-resource，再加上构建工具vue-cli

FBm2016·2020-07-13 21:59

vue-router的router-view不能渲染;vue2.0中遇到的路由上的一些坑

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问试一下在App.vue中的mounted钩子中加载默认route[rootVue].$router.push('/foo');[rootVue]必须替换成指向你的Vue实例1月5日回答评论编辑答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问今天开始上vue班车，尝试搭建框架的时候，我也遇到了router-view和rout

Ethanhuyi·2020-07-13 21:51

vue-router(Vue路由）核心点

目录文章目录目录1.vue-router是什么?2.如何使用v-router?3.vue-router跳转和传参4.vue-router实现的原理两种模式1、Hash模式：2、History模式：5.vue-router有哪几种导航钩子?6.$route和$router的区别7.vue-router响应路由参数的变化8.vue-router实现路由懒加载（动态加载路由）1.vue-router是什

weixin_45917724·2020-07-13 21:00

Vue.js-Day05【安装路由（vue-router）、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】

目录1、单页面应用1.1、多页面应用1.2、单页面应用1.3、vue-router2、安装vue-router2.1、Installvue-router2.2、生成目录介绍2.2.1、main.js2.2.2、router/index.js（路由的配置文件）2.2.3、App.vue2.3、路由示意图2.4、组件分类3、如何使用vue-router4、404配置5、激活class6、动态路由6.1

是您啊，哒哒子前辈！·2020-07-13 21:11

vue-router懒加载添加loading效果

项目中使用了路由懒加载，但是当用户网路不佳的情况下，点击一个新的模块后就不会有任何反应，给人一种点击无效的错觉，所以加个loading还是有必要的。制作loading我是自己写的loading；如果用UI的loading也是可以的/*routerLoading.css*/#routerLoading{z-index:1000;position:fixed;top:0;left:0;width:50

_蓝猫·2020-07-13 21:42

vue vue-router vuex element-ui axios的学习笔记（十八）写后台页面admin,login

先写后台页面的原因是我需要先添加商品，然后才好在前端测试1、先把后端的主页大体写出来，主要是后端路由部分admin.vue李小霞{{item.name}}exportdefault{data(){return{//...}}}@import'../common/less/index.less';.admin{.header{height:60px;box-shadow:0010px@color;.

思吾谓何思·2020-07-13 20:04

vue3封装路由，配置多个路由页面文件

3.在router文件夹中创建index.js,routes2.js,routes3.js(1)index.jsimportVueRouterfrom'vue-router';importVuefrom'vue

Hello攻城狮·2020-07-13 20:40

vue-router 的安装使用

在指定的文件中，命令行输入：npminstallvue--save-router2.引用2.1新建一个js文件，2.2然后在文件中输入；importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use

小健最帅·2020-07-13 19:20

linkActiveClass:'active'设置激活类名无效的原因

vue-router欲设置链接激活时默认使用的CSS类名，用到linkActiveClass来配置。

闭曈彤·2020-07-13 19:56

Vue-router路由判断页面未登录跳转到登录页面

router.beforeEach((to,from,next)=>{if(to.matched.some(record=>record.meta.requireAuth)){//判断该路由是否需要登录权限if(token){//判断当前的token是否存在next();}else{next({path:'/login',query:{redirect:to.fullPath}//将跳转的路由pa

weixin_34367845·2020-07-13 19:11

React中关于url中传参的问题

比如如下两个路由/repos/reactjs/react-router/repos/vue/vue-router复制代码我们可以把看作是url中传了两个参数，定义如下：/repos/:userName/

weixin_34220179·2020-07-13 18:44

记 vue-router 在微信浏览器中操作history URl未改变的解决方案

背景在PC端和手机浏览器中router.replace()orrouter.push()能够正常使用，页面的地址和页面都正常显示；但是在微信中，从/a页面通过router.push('/b')跳转到/b页面后，页面正常，但是复制浏览器的地址会发现其地址仍为/a;选择在浏览器打开发现也是显示的/a的页面。这应该是微信浏览器那边的问题，微信浏览器只会记住你第一次进来的地址。微信浏览器不会自动添加#在p

weixin_34220179·2020-07-13 18:44

前端题目集锦

i…vue-router有几种路由模式？他们的实现原理？note.youdao.com/noteshare?i…webpack和gulp的区别？gulp任务执行器侧重规范前端开发的流程，通过配

weixin_33772645·2020-07-13 17:54

vue开发 - 根据vue-router的meta动态设置html里title标签内容

1、路由文件：router/index.js添加meta属性配置：importVuefrom'vue'importRouterfrom'vue-router'importindex'@/view/index'importuserfrom

weixin_30740295·2020-07-13 17:53

vue开发 - 根据vue-router的meta动态设置html里标签的内容

路由文件：router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'importindex'@/view/index'importuserfrom

weixin_30677475·2020-07-13 17:29

vue-router单页应用简单示例（二）

我们先来理一下思路。图1:main.js引入vue,App.vue,router/index.js文件声明要渲染的Id为app，将App.vue中的模版渲染到入口界面（就是打开localhost:8080会看到的那个页面）。图2:App.vuerouter-view是显示路由内容的地方，比如/index.就会显示index.vue中的模版。图3:router/index.js可以看到引入了comp

weixin_30376509·2020-07-13 16:13

vue - 根据vue-router的meta动态设置html里title标签内容

1、路由文件：router/index.js添加meta属性配置：importVuefrom'vue'importRouterfrom'vue-router'importindex'@/view/index'importuserfrom

weixin_30379911·2020-07-13 16:09

2018 vue前端面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

weixin_30364325·2020-07-13 16:37

使用vue-cli创建webpack-simple骨架并配置vue-router路由模块

1.vue路由的官方解释：VueRouter是Vue.js的官方路由器。它与Vue.js核心深度集成，使使用Vue.js轻松构建单页应用程序变得轻而易举。功能包括：嵌套路线/视图映射模块化，基于组件的路由器配置路由参数，查询，通配符查看由Vue.js过渡系统提供动力的过渡效果细粒度的导航控制与自动活动CSS类的链接HTML5历史记录模式或哈希模式，在IE9中具有自动备用可自定义的滚动行为2.使用v

TenDer_2015·2020-07-13 16:03

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

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

JavaScript_w·2020-07-13 16:43

vue + elementUI导航组件NavMenu + vue-router实现点击在新的选项卡打开界面

系统文件构成目录：其中Index.vue是主页。核心源码如下：importsliderMenufrom'../components/common/sliderMenu'sliderMenu.vue组件核心源码：新建出入库单产品借出单产品返回单存货调价单查询出入库单进销存汇总表产品出入库记录公司资产表产品借出表产品返回表存货调价单审核出入库单审核出入库单-->管理材料板信息查看操作日志exportd

nao儿·2020-07-13 15:11

使用webpack创建vue项目，安装vue-router和不安装vue-router的区别

你可以router-view当做是一个容器，它渲染的组件是你使用vue-router指定的。

style_zyh·2020-07-13 13:06

Vue CLI配置Vue Router

一、安装VueRouter安装命令：npminstallvue-router安装后在根目录中的package.json中的dependencies会声明vue-router的依赖包二、手动创建Router

预立科技·2020-07-13 13:19

vue单页面应用打开新窗口显示跳转页面的方法

一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：this.

scorpio_h·2020-07-13 13:13

如何安装并使用vue-router

vue-router3、404配置4、激活class5、动态路由6、编程式导航7、嵌套路由8、路由元信息9、导航拦截1、安装vue-routervueinitweppack项目名初始化项目的时候选择安装vue-router

sanqianjia·2020-07-13 13:36

使用hbuilderX将vue-cli3文件打包成App，以及解决打包后的App出现白屏的问题（简单示例）

hash”，否则在本地真机调试时会出现白屏（原因：如果使用history模式上线，必须要服务端在服务器上有对应的模式才能使用history（看上面链接），如果服务器上没有配置，可以先使用默认的hash；）vue-router

一壶酒儿·2020-07-13 11:01

vue-router的使用方法介绍

vue-router对于大多数单页面应用，都推荐使用官方支持的vue-router库。

ZYN5431·2020-07-13 11:39

前端路由和后端路由，前端渲染和后端渲染

1.vue-router和koa-router的区别vue-router是前端路由，koa-router是后端路由。

绝圣弃智-零·2020-07-13 11:13

在vue中,如何禁止回退上一步，路由不存历史记录

（vue的项目，vue-router中不想存历史记录）根据vue官网提供的，楼主总结了一下，主要有以下几种方案：根据官网的解释。

qq_39985511·2020-07-13 11:25

qq_39239110·2020-07-13 11:44

VUE动态路由页面挂载

先定义好路由，包括常页面路由和需要权限的路由数组importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)importLayoutfrom

pretty_girls·2020-07-13 11:07

Weex开发APP实战(路由和调试方式)

一禅小和尚LXY·2020-07-13 10:26

项目- Vue全家桶实战去哪网App

点击查看效果技术栈【前端】Vue：构建用户界面的MVVM框架，核心是响应的数据绑定和组系统件vue-router：为单页面应用提供的路由系统，项目上

程序员同行者·2020-07-13 10:35

Vue在刷新后引用的样式无效

项目使用的vue-router是history模式下的，只是为了url里没有

nysheng·2020-07-13 10:26

vue项目打包后vendorjs太大，项目访问速度慢,设置webpack不打包的js

问题：vue项目打包后，vendor.js达到800多KB太大，服务器慢需要加载十几秒解决：通过使用CDN引用加速，不让webpack打包vue/vuex/vue-router/elementui/axios

艾小逗·2020-07-13 10:43

vue 权限管理动态路由（6）

1.动态生成路由importVuefrom'vue'importRouterfrom'vue-router'importNProgressfrom'nprogress'//progressbarimport'nprogress

韩惠德·2020-07-13 09:59

Vue --- vue-router的安装和配置方式

一、安装win+r打开控制台，通过控制台找到你目前vue的项目目录输入npminstallvue-router--save，回车即可二、配置方式1、如果这里没有router文件夹，新建一个，并且在该文件夹新建一个index.js来配置相关信息2、在刚创建的index.js中配置以下代码3、最后在main.js中导入4、创建两个组件Home.vue和About.vue5、在router下的index

LiuDevelop·2020-07-13 09:42

推荐频道

Vue-router