Vue-router

vue-router使用next()跳转到指定路径时会无限循环

router.beforeEach((to,from,next)=>{leturls=JSON.parse(sessionStorage.getItem('urls'))if(!urls){returnnext()}else{letresult=urls.includes(to.fullPath)if(to.path==='/home'){next()}else{if(!result){next(
apple011222·2020-07-01 17:01

手把手教你搭建一个vue项目

因为vue项目中要包括vue-router、component等等元素，通过script标签引入，后期就需要人为手动地创建，不利于维护。为了统一规范，因此就出现了
二十六桥明月夜·2020-07-01 17:59

vue-router 原理及实现

路由模式hash：默认hash模式,使用URLhash值来作路由history：依赖HTML5HistoryAPI和服务器配置abstract：支持所有JavaScript运行环境，如Node.js服务器端ipshash和history中都会记录浏览历史,保存在浏览器的路由栈中模式分配/*other...*/if(!inBrowser){//非浏览器模式mode='abstract'}this.m
June.1·2020-07-01 16:06

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

今天在写项目时发现了在点击路由跳转会造成报错的问题，报错内容为：在引入importRouterfrom'vue-router'文件里面添加如下代码：constoriginalPush=Router.prototype.pushRouter.prototype.push
aGreetSmile·2020-07-01 16:02

Vue中的路由守卫

vue-router导航守卫在入口文件中创建路由importRouterfrom'vue-router'Vue.use(Router)constrouter=createRouter()//路由钩子router.beforeEach
ZQD1997·2020-07-01 15:05

Vue之二级路由配置和用户查询功能

1、思路：在一级路由api配置中，增加子路由api配置数组，进行配置：importVuefrom'vue'importVueRouterfrom'vue-router'importHomefrom'..
Sweeeping monk-YYB·2020-07-01 15:21

面试题(4)vue-router实现原理, Vue响应式原理,解决404问题

(1)vue-router实现原理vue-router提供三种路由模式1.hash模式默认模式，通过路径中的hash值来控制路由跳转，不存在兼容问题hash模式实现原理在正常路径后跟一个#号，匹配#后边的路径为前端路由
Chx0701·2020-07-01 13:06

面试题(1)简述vuex工作流程，vue-router导航守卫（钩子函数），详述keep-alive组件

action里面有一个ajax请求，去请求后端的一个接口3.用commit提交一个mutation拿到数据以后我们只需要改变state中的状态4.状态改变后vuex视图就会改变（因为vuex是响应式的）（2）vue-router
Chx0701·2020-07-01 13:06

vue-router报错:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name的解决办法

https://github.com/vuejs/vue-router/blob/dev/CHANGELOG.md装一下依赖包吧。
Oralinge·2020-07-01 12:32

Vue-router 循序渐进一

目前前端流行的l三大框架，都有自己的路由实现：Angular有ngRouterReact有ReactRouterVue有Vue-router笔者这里长个小小的见识，因为我只知道vue-router（哈哈
因为想所以努力·2020-07-01 12:46

前端之路--vue学习总结(脚手架vue-cli)

vue学习总结前端之路–前端开发环境搭建前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)vue-cli安装1.如果安装有旧版本先卸载。
JS新贵·2020-07-01 12:13

vue-router 在新窗口打开页面

一、router-link标签实现新窗口打开：不支持target="_blank"属性，如果需要打开一个新窗口必须要用标签在线沟通或在线沟通二、编程式导航：常用的是$router.push和$router.go，但是vue2.0以后，这种方式就不支持新窗口打开的属性了。使用$router.resolve这种方法能够实现新窗口打开。letrouteData=this.$router.resolve(
随遇而安、1314·2020-07-01 11:21

vue3.0 Composition API 上手初体验 使用 vue-router 构建多页面应用

vue3.0CompositionAPI上手初体验使用vue-router构建多页面应用前两讲，我们已经顺利的使用vue3.0将项目跑起来了。
FungLeo·2020-07-01 09:17

使用HBuilderX-普通项目之vue-cli默认项目开发前端（二）

第二步：使用element-ui和vue-router一、安装element-uiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型
D_lunar·2020-07-01 08:12

Element/vue router连续点击多次路由报错解决方法

如果在重新下载依赖包时，安装的vue-router
ldz_miantiao·2020-07-01 04:33

vue报错Navigating to current location ("/login") is not allowed

解决办法2：如果非要跳转同一个页面可以看下面importVueRouterfrom"vue-router";//解决两次访问相同路由地址报错constoriginalPus
低调的小犬_Hansen·2020-07-01 04:26

vue 路由与路由守卫

添加路由importVuefrom'vue'importVueRouterfrom'vue-router'importHomefrom'..
--新芽-·2020-07-01 02:17

Vue初学34-vue-router的使用

vue-router简介vue-router是Vue.js的官方路由插件，它和vue.js是深度集成的，适合用于构建单页面应用（SPA）。
周达·2020-07-01 02:38

前端之路--vue学习总结(vue-router)

vue-router前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(组件封装:父子组件通信)VueRouter是Vue.js官方的路由管理器。
JS新贵·2020-07-01 01:34

前端之路--前端开发环境搭建

前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)1.开发环境配置（windows）安装node.js
JS新贵·2020-07-01 01:34

前端之路--vue学习总结(axios)

关于axios前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)前端之路–vue学习总结(组件封装:父子组件通信)Axios是一个基于
JS新贵·2020-07-01 01:34

前端之路--vue学习总结(组件封装:父子组件通信)

vue组件封装:父子组件通信前端之路–前端开发环境搭建前端之路–vue学习总结(脚手架vue-cli)前端之路–vue学习总结(vue-router)组件的封装涉及到了组件之间的相互通信，这里面包含了更多的知识点
JS新贵·2020-07-01 01:34

VUE入门

一、技术准备二、开发工具三、使用vue-cli快速开始模板项目四、给项目添加组件五、使用vue-router添加路由功能六、使用axios请求数据七、引入第三方UI库八、更多的VueVue.js做为目前前端最热门的库之一
35eeabfa0772·2020-07-01 00:57

vue-router嵌套路由，默认子路由设置

1.路由文件router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'importHomefrom'@/components/Home'importBrandfrom
zy1281539626·2020-06-30 20:21

vue-router

vue-router简单配置登录页注册页//定义组件varlogin={template:"这是登录页"}varregister={template:"这是注册页"}//定义路由varroutes=[{
骚包霸天虎·2020-06-30 19:32

vue与react对比总结（一）

3、将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库（比如我们后面要提到的vue-router、react-router、vue、redux等）。
托塔的李天王·2020-06-30 19:00

vue-router

前端渲染后端渲染、前端路由后端路由后端渲染图解：前后端分离图解SPA页面映射URL的hashURL的hash也就是锚点(#),本质上是改变window.location的href属性.我们可以通过直接赋值location.hash来改变href,但是页面不发生刷新HTML5的history模式：pushStatehistory接口是HTML5新增的,它有五种模式改变URL而不刷新页面.类似栈his
zlppassion·2020-06-30 18:52

使用vue-router完成简单导航功能

vue-router是Vue.js官方提供的一套专用的路由工具库安装命令如下npmivue-router-Dvue-router实例是一个Vue插件，我们需要在Vue全局引用中通过Vue.use()将它接入到
片刻清夏·2020-06-30 18:46

前端日常工作中常用开发小技巧 ---Vue

1.路由懒加载importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constrouter=newRouter({routes:[{path
水吉佩奇·2020-06-30 16:00

Vue打包优化 详解

webpack-bundle-analyzer：查看资源树1.productionSourceMap:false2.路由懒加载3.关闭Prefetch4.element-ui组件按需加载5.使用CDN外部加载资源-vue,vuex,vue-router
zhenghao35791·2020-06-30 15:45

Vue中切换页面时的过渡动画

importVuefrom'vue';importRouterfrom'vue-router';importHomefrom'@/pages/home/Home';importListfrom'@/pages
慕王爷·2020-06-30 14:20

vueRouter history 模式配置

vue-router前端路由系统：改变视图的同时不会向后端发出请求。
zaoxi6240·2020-06-30 12:29

vue动态添加路由，跳转页面时，页面报错路由重复： [vue-router] Duplicate named routes definition: {

之前用了一个vue-element-admin做了一个小项目，里面用到了动态添加路由，动态展示侧边栏，当我切换页面时，控制台总是警告提示路由重复，连续跳转几次页面后，控制台就被这些警告占满了，vue动态添加路由，跳转页面时，页面报错路由重复：于是处理一下原因addRoutes方法仅仅是帮你注入新的路由，并没有帮你剔除原有的其它路由！我们先看一下原来代码路由拦截器中的代码：permission.js
...无题·2020-06-30 11:23

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（七）完善登录注册

现在我们已经能够在服务器环境下完成注册操作了Image070.png我们同时再把登录功能也写好login.vue用户登录系统登录重置还没有账号，马上去注册import{LoginUser}from'../api/api'exportdefault{//....data(){return{LoginForm:{username:'',password:''},logining:false,rule:
思吾谓何思·2020-06-30 11:35

投保王者界面效果实现

投保王者是一个单页应用，使用webpack作项目管理与应用打包，其核心在于对vue及vue-router的技术掌握。整个应用除了几张大图外都是用纯代码实现。
不飞不鸣之鸟·2020-06-30 09:58

vue学习笔记1 - 实现一个简单的用户登录

修改router/index.js文件importVuefrom'vue'importRouterfrom'vue-router'importHellofrom'components/Hello'importLoginfrom'components
delicacylee·2020-06-30 07:05

vue 刷新当前页面或者跳转页面时候刷新

为什么会有这篇文章1用vue-router重新路由的时候到当前页面的时候是不进行刷新的2采用window.reload()或者router.go(0)hisory.go(0)刷新的时候整个浏览器进行刷新加载
yangxiaodong88·2020-06-30 06:28

vue + vue-router +axios 前端实现登录拦截（路由和http 拦截）

一路由拦截https://github.com/yangxiaodong1/vue-interceptors登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。constroutes=[{path:'/',name:'/',component:Index},{pat
yangxiaodong88·2020-06-30 06:26

vue、vuex、vue-router结合的电商网站

最近在简单的学习了vue之后，通过实践去理解vue的用法和它的优点。首先先简单介绍一下文件的目录components是公共的组件,里面包含cart.vue(购物车)、product.vue(list.vue文件要用到的产品公用组件)、productDetail.vue(产品详情页面)views文件是视图文件(就是list.vue主页文件)，libs下的utils是一些公共函数，router.js是
yanggreater·2020-06-30 05:44

Vue2.0注册局部组件和全局组件

记录一下不使用vue-router注册局部组件和全局组件注册一个局部组件文件：agg.vueHellomyVue//Vue2.0直接抛出作为组件vartestDiv={template:'{{msg}}
码痞·2020-06-30 02:18

Vue中在新窗口打开页面 及 Vue-router

背景在开发提分加项目的过程中，遇到了点击下拉菜单时在新窗口中打开页面，由于之前一直做的是单页面应用，没有碰到过类似的需求，于是上网搜了一下解决办法，也再次系统地温习了一下vue-router。
机智的导演·2020-06-30 01:28

vue-router设置默认路由

在router下面的index.js文件里面设置默认路由：importVuefrom'vue'importRouterfrom'vue-router'importMyHomefrom'..
xiaoxiao无脸男·2020-06-30 01:28

使用vue-router实现简单的页面跳转

身为后端开发，和管理系统打交道是必不可少的，而我们的管理系统一般都是在一个页面展示多个菜单的内容，俗称单页面举个例子：点击不同的菜单右侧显示不同的内容，那么使用vue如何实现呢首先我们需要引入vue-router
前方太黑暗·2020-06-29 23:59

vue-router: history

使用这个模式不会添加#exportdefaultnewRouter({mode:'history',routes:[{path:'/',//name:'home',component:home}]})vue-router
饥人谷_米弥轮·2020-06-29 20:38

vue-router动态路由详解

平时做项目时遇到的点击列表页，显示详情页面，此时就需要我们传递列表唯一的标识，然后显示对应的内容。通常做法是以“参数=值”的形式传递参数，而动态路由将参数融入到路由的路径定义之内成为路径的一部分。在参数名称之前加“：”，然后将参数写在路由的path内。下面是给详情页detail传递唯一标识id，从而调取详细的内容。routes:[{path:'/',name:'Home',component:Ho
木雷双雄7·2020-06-29 19:57

关于单文件组件.vue

环境搭建完毕，利用vue-router实现了页面跳转，那么现在要处理的就是页面的内容了。
wimenlo·2020-06-29 18:33

vue-router路由使用 history 模式时，后端如何配置

history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%901.后端SpringBoot如何配置：当我们使用Vue开发时，一般会用到vue-router
wenmin1987·2020-06-29 17:08

Vue 开发|文件目录结构部署

基于vue-cli脚手架生成项目模板基础上做了些改动，加入了vue-router，vuex等配套设施，本地devserver中加入了接口mock功能，还增加一个buildserver来预览build
weixin_2508722744·2020-06-29 17:09

Vue项目实战：上线部署

方式1：在router.js中：importVuefrom'vue';importRouterfrom'vue-router';
林夏天·2020-06-29 17:59

2019年底史上最全Vue框架整理从基础到实战(三)

Vue-Router资料Vue-routerVuex介绍VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
练识·2020-06-29 17:07
上一页 97 98 99 100 101 102 103 104 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他