vue-router

Vue中报错： Redirected when going from “x“ to “x“ via a navigation guard

使用路由重定向做了登录验证后,报错Error:Redirectedfrom“/login”to“/index”viaanavigationguard.解决方案:删除node_modules，到package.json中将vue-router
谷歌研发技术团队·2020-09-13 17:31

vue component layout得侧边栏模板

routerindeximportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'..
sunlizhen·2020-09-13 16:34

vue-router中有layout的布局写法

路由数据demoexportdefault['/','/activity/application','/activity/change','/activity/applicationDetail','/activity/promotion','/promotion/reimburse','/promotion/join','/promotion/balance','/promotion/atten
三更村落·2020-09-13 15:50

vue-router

1、模式原生js实现一个前端路由router-掘金谈谈前端路由-掘金阿里P7：你了解路由吗？-掘金在传统的Web开发中，浏览器根据地址栏的URL向服务器发送一个HTTP请求，服务器根据URL返回一个HTML页面。这种情况下，一个URL对应一个HTML页面，一个Web应用包含很多HTML页面，这样的应用就是多页面应用；在多页面应用中，页面路由的控制由服务器负责，这种路由方式称为后端路由。在多页面应用
liuliuliu_666·2020-09-13 12:30

一个简单的完整的示范

/App'importVueRouterfrom'vue-router'importApplefrom'@/components/Apple'importBananafrom'@/components/
a662852186·2020-09-13 11:39

Vue问题

1、element-ui自带的图标不显示build中webpack.base.conf.js内容中有两个woff,将后面那个去掉即可2、vue-router报错：RangeError:Maximumcallstacksizeexceeded
lyz_bk·2020-09-13 10:35

Vue 项目路由出现 message: “Navigating to current location (XXX) is not allowed“的问题

Navigatingtocurrentlocation(XXX)isnotallowed"原因：在路由中添加了相同的路由解决：重写路由的push方法在src/router/index.js里面importRouterfrom'vue-router
_格鲁特宝宝·2020-09-13 10:39

Vue踩坑之vue-router挂载页面失败

问题描述系统：macOSCatalina10.15.4背景：设计嵌套路由问题：vue-router挂载页面失败  这是本人遇到的情况，仅供参考～  Tips：可直接看问题解决～问题解决  设计嵌套路由，
面包猎人·2020-09-13 06:04

vue-router路由元信息meta及keep-alive组件级缓存

转载地址：https://www.cnblogs.com/dengyao-blogs/p/11606929.html路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？首先看一个场景：通常我们在开发网站或者移动应用的时候，我
weixin_38203203·2020-09-13 06:26

40节前端高级开发进阶资料：Vue源码、NodeJS、jQ+bs、vue-cli、Vue全家桶、Promise、NodeJS、全栈SSR、金融项目前端架构实战

给国庆放放假吧~不，要成为一名前端高手，还是补补课吧视频资源目录：1、带你探究vue-router源码，实现一个基础的vue-router2、再次探究vue源码，制作优秀的自定义插件库3、从今天起不再懵逼
Java永远的神·2020-09-13 02:16

Vue-router 中hash模式和history模式的区别

Vue-router中hash模式和history模式的区别在通过vue-cli创建项目的时候，出现:于是，去Google一遍。。
Benjaminpcm·2020-09-13 00:44

Vue-router 中hash模式和history模式的不同

在vue的路由配置中有mode选项最直观的区别就是在url中hash带了一个很丑的#而history是没有#的mode:"hash"; //默认mode:"history";前端路由的核心，就在于——改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了以下两种支持：hash——即地址栏URL中的#符号（此hash不是密码学里的散列运算）。比如这个URL：http://www.abc
Miofly·2020-09-12 23:55

vue-router 2.0 改变的内容

Beta1.官方说明Beta2.官方说明2.x版本的vue-router相比之前的0.7.x版本，有很多破坏性改变：通用API的修改旧的router.go()现在改成了router.push().新的router.go
weixin_34128237·2020-09-12 23:35

vue之requireJs中引入vue-router的方法

requireJs简介参数配置requireJS常用的方法与命令也就两个，因此requireJS使用起来非常简单。requiredefine其中define是用于定义模块，而require是用于载入模块以及载入配置文件。define([id,deps,]callback);require(deps[,callback]);复制代码加载配置文件独立的引入配置文件也有两种方式，一种是通过script标
weixin_33939843·2020-09-12 23:58

vue webpack之vue-router 使用history模式报错Cannot GET /xxx

报错原因：找不到页面资源解决办法：在webpack.config.js中的devServer内添加属性historyApiFallback代码如下historyApiFallback:{index:'/index.html'//该路径为打包后的首页路径及dist目录下的index.html页面},
rpf1234·2020-09-12 23:18

饿了么项目---3、vue-router 2.0版本的使用

一、当前项目目录二、首先编写模板文件2.1、入口文件HTML中的主组件为App.vueApp.vue代码如下：商品评论商家//引入子组件header.vueimportheaderfrom'./components/header/header.vue';exportdefault{name:'app',//引入子组件components:{'v-header':header}}/*flex盒子布局
yx912·2020-09-12 22:07

vue-router的hash和history模式的区别

为什么要有hash和history对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。
咻咻ing·2020-09-12 22:02

Vue面试题解析

1、vue.js:vue-cli工程的核心，主要特点是数据驱动和组件化2、vue-router:vue官方推荐使用的路由框架3、vuex:专为vue.js应用项目开发的状态管理器，主要用于维护vue组件间公用的一些变量
m0_38046408·2020-09-12 22:28

vue补下载js

1、在package.json配置依赖的js配置"dependencies":{"vue":"^2.5.2","vue-router":"^3.0.1","element-ui":"^1.0.0"},2
chuizongduo7390·2020-09-12 22:58

vue开发环境准备-创建一个vue项目

vueinitwebpacktest-web2、提示输入项目名称为test-webtest-web3、提示输入项目描述，书写为测试vue前端开发4、提示输入作者zhanghb225、在运行时和运行时+编译中选择运行时6、是否安装vue-router
chuizongduo7390·2020-09-12 22:27

Vue中router的配置使用步骤

npminstallvue-router二、配置在src文件夹下创建router/router.js文件1、导入Vue和routerimportVuefrom"vue"importVueRouterfrom"vue-router
Mahuicool·2020-09-12 22:15

vue-router 2.0 改变的内容总结一下

最近在学习个过程中遇到了不少坑点，整理一下摆出来让大家注意一下吧：2.x版本的vue-router相比之前的0.7.x版本，有很多破坏性改变：一、通用API的修改1、Theoldrouter.go()isnowrouter.push
可爱的豪叔叔·2020-09-12 21:44

Vue-router 中hash模式和history模式的区别

模式和history模式的不同最直观的区别就是在url中hash带了一个很丑的#而history是没有#的对于vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router
cplvfx·2020-09-12 21:41

Vue高仿饿了么项目（3）—页面骨架开发

根据页面设计和组件拆分确定页面骨架开发，由于基于组件化的开发方式，把App.vue看成是页面得大的组件，大组件包括头部，导航区（控制内容区的切换），内容区包括商品、评价、商家这三个区块，这三个区块的切换会基于vue-router
qq_20696879·2020-09-12 19:06

vue配置路由（router）

介绍路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》安装本地环境安装路由插件vue-router：cnpminstallvue-router--save-dev*没有安装淘宝镜像的可以将
lvyang251314·2020-09-12 19:09

基于vue-router的页面切换动画

基于vue-router，可以做出媲美原声app的一个动画切换效果上代码exportdefault{name:'App',data(){return{name:"left-fade",}},watch:
枫叶小溪·2020-09-12 17:32

vue-router学习

一、router路由发展的几个阶段1、后端路由阶段后端渲染：前端只有html和css，后端通过jsp等技术渲染页面，再交给前端。后端路由：后端处理url和页面映射之间的关系。后端通过正则匹配url，controller控制器来处理匹配的页面，把html返回给前端。2、前后端分离阶段后端负责数据，前端渲染：网页中的内容大部分是由前端写的js在浏览器中执行，后端负责提供API和数据3、前端路由阶段（S
4o4_Not_Found·2020-09-12 14:27

(精华)2020年7月16日 vue NProgress页面加载进度条

/App'importVueRouterfrom'vue-router'importrouterfrom'.
愚公搬代码·2020-09-12 12:40

SessionStorage如何存放对象

前后端分离模式下，很多时候需要用到window.sessionStorage对象例如用到vuex的项目，刷新页面后state中的数据全部初始化，那么就要再次发送请求或者用户所在界面有vue-router
爱写点东西的留白·2020-09-12 10:24

vue中router的简单封装使用

vue中router的简单封装使用importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);exportdefaultnewRouter
什么也不在说·2020-09-12 09:30

vue.js分享记录

Style绑定4.条件渲染和列表渲染5.时间处理器6.表单控件7.计算属性8.数据获取（axios）二、组件及数据流1.创建组件2.使用组件3.生命周期4.组件之间信息传递三、状态管理vuex四、路由vue-Router
大灰狼的小绵羊哥哥·2020-09-12 07:10

vue element-ui 优化打包 bundle js 大小

说一下我的开发步骤，基础结构是通过[email protected]创建的，手动的加入了axiosvuex,vue-router是脚手架自带的。
stu_yiliang·2020-09-12 05:18

Vue2.0八——知识点整理

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
weixin_33972649·2020-09-12 02:00

Vue特训

vueserve和vuebuild命令只使用一个文件快速进行原型设计，但是它们需要先安装一个额外的全局插件：npminstall-g@vue/cli-service-global组件组件基础知识组件分类由vue-router
xianjs616·2020-09-12 01:02

Vue 知识总结

基于vue2+写一份知识总结，可以说是学习笔记目录：一、vue实例的基本结构二、vue事件处理、绑定属性三、vue指令、自定义指令四、vue过滤器五、vue数据监听六、vue组件七、vue-router
indd·2020-09-12 00:17

手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验

gitee.com/stackfing/vuexlearn欢迎star准备开始之前您需要有vue基础，以及安装好vue-cli开始新建vue项目：vueinitwebpackvuexlearn记住安装的时候需要选择vue-router
chengli771711·2020-09-12 00:41

vue vue-router中编成式导航 this.$router.go(-1)控制页面的返回

在vue中，控制页面跳转有两种方法：①router-link的to属性指定要跳转的页面，再在router.js里面添加这个路由②编成导航1.为dom元素绑定点击事件2.点击之后触发this.router.push事件，共四种方式this.$router.go(n)可以控制页面的返回和前进methods:{getBack:function(){this.$router.go(-1)}}四种方法：//
天马行空zqzq·2020-09-11 22:54

vue *解决当前导航点击两次回报错*

直接上代码写在routerjs文件importVuefrom'vue'importVueRouterfrom'vue-router'importhomefrom'..
@王·2020-09-11 22:54

vue 一个简单的项目 之二 城市选择页面 step1

打开router目录下的index.js文件，如下importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'@/pages
purple_lumpy·2020-09-11 19:44

[Vue]Vue-Cli 用run serve启动项目后一片空白的问题，终端及浏览器均无报错！

前言今天粗略地又看了一遍Vue-Router官网，本来想查漏补缺，没想到啊，导致项目运行出问题了。
iChangebaobao·2020-09-11 19:21

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

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

vue-validator（vue验证器）

vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator单独使用vue-validator的方法见官方文档，本文结合vue-router
weixin_34327761·2020-09-11 17:50

Vue中使用Keep-Alive实现复杂页面缓存

keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM，结合vue-router中使用。可以缓存某个view的整个内容。
weixin_33863087·2020-09-11 17:32

Java项目 (SpringBoot+SpringCloud) 十次方:前端(四) 路由与状态管理

1路由vue-router一.什么是vue-routervue-router就是vue官方提供的一个路由框架。
花开半夏丶丿·2020-09-11 16:33

实现方案--vue应用基于keep-alive页面缓存方案（web端）

主页面：均不缓存1.利用keep-alive的include属性实现动态缓存以下为缓存的三种情况//1.不缓存//2.缓存所有页面//3.缓存部分页面2.利用vue-router的路由守卫动态
可乐加钉·2020-09-11 15:15

Vue面试题汇总（持续更新中）

6.怎么定义vue-router的动态路由?怎么获取传过来的值7.active-class是哪个组件的属性？8.嵌套路由怎么定义？
胖就是胖·2020-09-11 14:39

vue-router入门详解

文章目录一、路由规则（基础）1.URL的hash2.HTML5的history模式二、安装与使用vue-router1.安装2.vue-router使用步骤：3.路由与组件映射4.使用路由（router-link和router-view标签）5.事件中使用路由（$router）三、创建VueRouter对象时的其它配置1.mode（指定路由模式）2.linkActiveClass（路由匹配成功时添
一名小码农·2020-09-11 12:12

系统权限按需访问路由几个完整方案（含addRoutes的填坑）

网上有很多零散的方案，并没有横向对比几种方案，且很多细节没解释到位，此处提供完整的几个方案流程，并总结优缺点，你可自行选择本篇是针对vue-router来说明如何实现。
pekonChan·2020-09-11 11:09

vue-router中路由的模式以及底层原理

#vue-router中路由的模式以及底层原理路由类型：Hash模式：吃藕，#/...
weixin_34232363·2020-09-11 11:26

Vue05

十一、路由（vue-router）10.1、什么是路由vue-router？【说明：】学习的时候，尽量打开官方文档VueRouter是Vue.js官方路由管理器。
uxiang_blog·2020-09-11 10:35
上一页 64 65 66 67 68 69 70 71 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他