vue路由

学生信息管理 vue+Element UI+springboot 前后端分离

教务信息管理系统管理员登录教师学生注册登录管理员登录管理管理员编辑角色管理学生管理教师管理班级信息教师注册登录编辑个人信息修改密码学生注册登录编辑个人信息修改密码系统运行截图数据库设计这里主要是admin_menu表的设计path与Vue
xiaocxy1·2022-03-17 14:46

vue进阶篇— 适用于后端开发人员的Vue axios 组件化开发教程_vue结合springboot开发

此文为vue进阶篇，包含vue路由、组件、axios请求以及结合springboot开发实例入门篇链接地址https://blog.csdn.net/qq_41157588/article/details
情話微甜·2022-03-16 09:23

vue 路由记忆功能

原文链接:vue路由记忆功能vue-router钩子beforeRouteEnter函数获取到this实例constFoo={template:`...`,beforeRouteEnter(to,from
阿豪boy·2022-03-13 14:31

vue的路由守卫和keep-alive后生命周期详解

方式Vue-Router导航守卫全局路由钩子router.beforeEach路由独享守卫组件内的守卫beforeRouterEnterbeforeRouteUpdatebeforeRouteLeaveVue
·2022-03-08 18:30

一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能

一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能前言：封装vue-pdf组件为预览页面，通过unstructured.vue路由传参形式跳转到预览页面一、unstructured.vue
Web_chicken·2022-03-04 11:17

Vue路由传参数方法总结

欢迎加我技术交流QQ群：811956471前言：前端的东西零碎、广泛，需要我们不断的去总结归纳，所以就这块做了一些总结，欢迎大家继续补充纠正。特别注意：1、path匹配路由传参只能用query去接收参数；2、name匹配路由，params和query两者皆可，用哪个携带参数就用用哪个区接收；3、query传参数会出现在地址栏，刷新当前页面参数不会丢失；4、params传参不会在地址栏，刷新页面参数
不忘初心_d·2022-02-23 15:18

Vue路由知识点总结

目录路由起步如何使用路由动态路由匹配响应路由参数的变化匹配所有路径匹配优先级嵌套路由编程式的导航命名路由命名视图重定向别名History模式$router和$route的全局前置守卫全局解析守卫（组件）全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程路由元信息路由用Vue.js+VueRouter创建单页应用，感觉很自然：使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把V
我的安琪拉���⛴️·2022-02-21 11:02

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:09

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:23

问题解决2：当vue路由采用history模式时，访问页面时会出现404找不到现象

以上几个教程里所使用的测试vue项目(demo1)均是十分简单的项目，完全没涉及到router路由或者其他的知识，今天一位小哥将自己的项目部署到nginx后，发现某些页面在访问的时候偶尔会出现404找不到，因此找到我，共同解决了这个问题。在解决过程中，发现这其实也是个老生常谈的问题，最主要就是vue项目的路由采用了history模式，才导致了这个问题。既然问题已经找到了，那么就应该探究下为什么会出
木头就是我呀·2022-02-21 04:11

vue路由懒加载

1.开发环境vue2.电脑系统windows10专业版3.为什么需要使用懒加载?在开发的过程中随着项目的业务越来越多,需求越来越多,体积越来越来,像vue这种单页面应用,如果没有使用懒加载,运行打包之后的文件会很大,进入首页时,需要加载内容很多,时间过长,可能会出现短暂白屏的情况,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候再加载页面。下面我来分享三种懒加载的
·2022-02-19 19:40

Vue

www.pianshen.com/article/8200346590/2、Vue官网：https://cn.vuejs.org/3、vue脚手架：https://cli.vuejs.org/zh/4、vue
白雪乌鸦·2022-02-19 15:24

Vue ， React 路由传参的几种方式

Vue，React路由传参的几种方式Vue路由传参方法一：定义路由时直接携带{path:'/detail/:id/:info/:isTrue/:classList',name:'detail',component
团团团子mm·2022-02-17 03:52

关于vue路由守卫做登陆状态判断的问题

关于vue路由守卫做登陆状态判断的问题直接上代码//全局路由守卫router.beforeEach((to,from,next)=>{console.log('navigation-guards');constnextRoute
用技术改变世界·2022-02-17 01:52

南吕十二 | 每日互联网产品日报「20190601」

适合写作用的所见即所得网页编辑器大新闻苹果提高appstore移动数据下载流量限制：150Mb升级到200Mb‍文章推荐一个合格的中级前端工程师必须要掌握的28个JavaScript技巧你要的React面试知识点，都在这了vue
extrastu·2022-02-14 18:53

vue路由详解版一目了然

概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由2).前端路由是依靠hash值(锚链接)的变化进行实现前端路由的
几何心凉·2022-02-14 12:03

Vue路由跳转

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：methods：方案一：getDescribe(id){//直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})方案一，需要对应路由配置如下：{path:'/describe/:id',name:'Describe',co
豌豆荚_6d7e·2022-02-13 10:47

NativeScript

安装NativeScriptCLInpminstall-gnativescriptnativescript-VUE/VUE-CLI-模板特征.vue单个文件组件Vuex状态管理（选择加入）Vue路由器路由
知者s·2022-02-12 07:06

Vue路由/路由守卫

一、前端路由和后端路由概念解释-后端路由：对于普通的网站，所有的超链接都是url地址，所有url都对应服务器上对应的资源-前端路由：对于单页面应用程序来说，主要通过url的hash（#）来实现不同页面的切换，同时hash还有一个特点HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash实现-在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由二、
SmailTrey·2022-02-10 17:10

Vue路由

路由第一步引入路由文件--->vue-router.js第二步准备路由所需组件,赋值给变量第三步创建路由对象,在这个对象里去配置路由对象varrouter=newVueRouter({})这里new的对象是vue-router.js中封装好的只能用VueRouter第四步通过routes属性配置路由规则,它是一个数组,数组中存放对象,每个对象对应一条规则,而且每个对象里面都包含name(路由规则的
长度在3厘米左右·2022-02-09 03:03

vue路由跳转写法在html,vue-router的实现原理是什么？

官网文档，…,下面这种路由表的写法比较优雅，我把路由单独写在一个文件routes.js.router／routes.js文件代码constroutes=[{path:'/',redirect:'/recommend'},{path:'/recommend',component:()=>import('../components/recommend/view.vue')},{path:'/singe
新起点加油·2022-02-07 09:26

vue路由跳转

1、router.push(location)=====window.history.pushState除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的URL。当你
王哈哈wl·2022-02-07 00:54

Vue路由vue-router

概述前端路由路由就是根据不同的url地址来展示不同的内容或页面.VueRouter是Vue.js官方的路由管理器github:https://github.com/vuejs/vue-router中文官方网站https://router.vuejs.org/zh/中文API文档https://router.vuejs.org/zh/api/vue-router安装与结构npmisntallvue-
_羊羽_·2022-02-06 00:19

vue路由守卫

参考文献vue中文文档:https://cn.vuejs.org/本地环境安装路由插件vue-router：cnpminstallvue-router--save-dev*没有安装淘宝镜像的可以将cnpm替换成npm安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org配置两种配置方法：在main.js中||在src/ro
晓丶生·2022-02-04 20:49

快速理解Vue路由导航守卫

目录一、全局守卫1.全局前置守卫2.全局解析守卫3.全局后置钩子三、路由独享的守卫四、组件内的守卫五、一个完整的导航解析流程概念：“导航”表示路由正在发生变化vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。导航守卫：包括全局导航守卫和局部导航守卫一、全局守卫vue-router全局有三个守卫router.b
·2021-12-29 12:16

前端从无到有Vue项目 vue项目实现

/www.jianshu.com/p/46e9df18413ddevDependencies和dependencies的区别https://www.jianshu.com/p/ecfc61c87031vue
爱学习的小仙女早睡早起·2021-12-23 14:02

vue路由在多级页面下，页面刷新空白（history模式）

解决方法：老方法：cli2需要修改config/index.js文件，将assetsPublicPath的值改为assetsPublicPath:'./'老方法2：cli3找到项目文件下的vue.config.js（没有就自己创建一个），将baseUrl:""改成baseUrl:"/"新方法：cli3.0以上找到项目文件下的vue.config.js（没有就自己创建一个），配置publicPath
阿里P9王者·2021-11-22 16:55

Vue路由守卫有哪些，怎么设置，使用场景等

vue中路由守卫一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫。一、全局路由守卫所谓全局路由守卫，就是小区大门，整个小区就这一个大门，你想要进入其中任何一个房子，都需要经过这个大门的检查全局路由守卫有个两个：一个是全局前置守卫，一个是全局后置守卫router.beforeEach((to,from,next)=>{console.log(to)=>//到哪个页面去？
·2021-11-22 12:20

Vue路由（Vue-router）

一、什么是路由？路由是通过互联的网络把信息从源地址传输到目的地址的活动路由中有个非常重要的概念叫路由表，本质上就是一个映射表，决定了数据包的指向。二、什么是前端渲染，什么是后端渲染（服务端渲染）？（1）后端路由早期网页，用的基本都是后端渲染。当时没有js，用的是（jsp/php），后端渲染对seo优化要好一些，浏览器输入网址，就会把url发到服务器，服务器拿到地址以后，早期会进行一个解析，在后台通
接下来的冬天·2021-11-17 14:59

Vue路由守卫有哪些，怎么设置，使用场景等

vue中路由守卫一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫。一、全局路由守卫所谓全局路由守卫，就是小区大门，整个小区就这一个大门，你想要进入其中任何一个房子，都需要经过这个大门的检查全局路由守卫有个两个：一个是全局前置守卫，一个是全局后置守卫router.beforeEach((to,from,next)=>{console.log(to)=>//到哪个页面去？
·2021-11-16 12:40

4-vue路由相关

安装路由1.用手脚架创建一个项目；2.在项目位置打开终端，安装路由npminstallvue-router--save-devnpminstallvue-router--save-安装到开发环境npminstallvue-router--save-dev-安装到生产环境npminstallvue-router--save在package.json文件里可以看到，使用--save-dev安装的插件，
等来年再放弃·2021-11-12 17:40

VUE路由跳转记住滚动位置，返回时回到上次滚动位置

本解决方案原理是利用Keep-Alive、监听滚动事件与watch中监听$route实现。使用watch监听$route的方案适用于滚动区域在子组件中的情况。因为，beforeRouteLeave路由导航守卫，只能作用在路由组件内，不能被路由组件内的子组件所触发。vue-router文档截图如下：本样例使用element-ui下的el-table表格组件，原生或其他UI组件思路同理。router.
·2021-11-05 16:29

【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？

耽误您15分钟您可以收获：32+修饰符（包括事件修饰符、鼠标修饰符、表单修饰符、系统修饰符等等）的含义和使用如何利用webpack动态注册vue路由，再也不手写路由配置啦！
·2021-11-05 10:27

Vue路由开发（命名路由、路由传参、命名视图、路由原信息、路由模式、路由滚动），登陆案例（附代码图）

路由开发vue-router官网导航守卫|VueRouterhttps://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB命名路由在路由文件index.js当中，对路由设置name属性!在调用的时候通过对象格式调用路由传参
爱敲代码的狼仔·2021-10-28 20:34

vue-router.esm.js?081a:16 [vue-router] Duplicate named routes definition(问题篇)

1、vue路由报的警告，原因是路由name名称重复了。如下图：2、解决办法：找到src文件下router下的index.js文件。
skyblue_afan·2021-10-20 13:24

cgb2108-day14

文章目录一,练习vue路由--1,代码--2,总结二,Vue-cli脚手架--1,概述--2,安装1,安装Nodejs(下一步下一步),并检查(在DOS窗口里执行DOS命令node-v)2,修改npm的镜像
cgblpx·2021-10-19 08:37

Vue路由router详解

目录模块化的方式使用路由插件使用路由声明式导航编程式导航动态路由匹配通配符匹配路径查询参数query响应路由参数的变化命名路由，路由别名，重定向嵌套路由命名视图导航守卫（1）全局守卫（2）路由独享守卫（3）组件内守卫导航解析的流程总结模块化的方式使用路由插件（1）安装npminstallvue-router（2）构建文件目录在src目录下创建一个router文件夹，然后创建一个index.js（3
·2021-10-18 17:28

cgb2108-day13

文章目录一,Vue练习--1,vue解析数据--2,Vue指令二,Vue组件--1,概述--2,测试三,Axios技术--1,概述--2,测试项目结构网页代码1.json文件代码总结四,Vue路由--1
cgblpx·2021-10-18 08:39

Vue路由router详细总结

Vue路由router详细总结模块化的方式使用路由插件使用路由声明式导航编程式导航动态路由匹配通配符匹配路径查询参数query响应路由参数的变化命名路由，路由别名，重定向嵌套路由命名视图导航守卫（1）全局守卫
AlunOtway·2021-10-14 23:59

性能优化---vue路由懒加载和异步组件

1.路由懒加载整个网页默认是刚打开就去加载所有页面，路由懒加载就是只加载你当前点击的那个模块。实现方式有：1.require：加载组件。component:resolve=>require(["@/view/system/login/Login"],resolve)；2.import引入constLogin=()=>import(’@/views/login/index.vue’)2.异步组件：在
_处女座程序员的日常·2021-10-03 15:37

vue路由+权限

router.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)importloginLayoutfrom'../views/layout/loginLayout'importLayoutfrom'../views/layout/layout'/***@description:路由表配置*@hidden{*}是
小米和豆豆·2021-09-30 13:31

VUE路由跳转页面传参的方式

VUE路由跳转页面传参的方式：方式一：声明式导航（router-link）1、不带参数(注意：链接中如果是“/”开始就是从根路由开始，否则就是从当前路由开始)2、带参数//路由配置path："/home
Arbin·2021-09-23 11:08

Vue项目，实现页面刷新功能，局部刷新。不是刷新整个网页。非window.location.方式

思路因为vue路由切换的时候数据都会重新刷新。所以我们就利用这个新建一个公共组件。用于实现重定向跳转
默默无闻的小人物·2021-09-17 15:42

新来的前端小姐姐问：Vue路由history模式刷新页面出现404问题

摘要：vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。本文分享自华为云社区《学习VueRouter，HTML5History模式，因为history模式刷新页面会出现404》，作者：DevFeng。vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不
·2021-09-09 12:26

Vue路由回退的完美解决方案（vue-route-manager）

目录路由管理器背景入门解决问题Methods总结路由管理器记录每次跳转的vue-routename,内置了一些处理回退的方法,方便回退到指定页面背景笔者所开发的项目中经常遇到各种花式跳转,例如从引导页的选择操作到最后的提交审核中间会经过无数页面,甚至中间所做的操作不同也会导致最后回退深度不同假设项目中起始点都是选择页,最终都会抵达提交页并且都会返回到最初的页面(选择页)选择页-->B-->C-->
·2021-09-07 17:48

Vue路由this.route.push跳转页面不刷新的解决方案

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。
·2021-08-31 17:59

Vue鼠标滚轮滚动切换路由效果的实现方法

需要滚动切换的作为其子组件)在根路由组件添加鼠标滚动时间监听,在mounted中调用监听当跳转到其他路由(跳出这个根路由时),根路由组件会被销毁,因此在根路由的destroed钩子函数中清除掉事件监听Vue
·2021-08-30 22:18

vue路由相对路径跳转方式

目录vue路由相对路径跳转1.append属性2.router.resolve方法vuerouter动态路由点击跳转路径地址重复追加在练习写vuerouter动态路由时碰到的问题vue路由相对路径跳转今天写东西遇到多层路由
·2021-08-22 15:40

Vue鼠标滚轮滚动切换路由效果的实现方法

需要滚动切换的作为其子组件)在根路由组件添加鼠标滚动时间监听,在mounted中调用监听当跳转到其他路由(跳出这个根路由时),根路由组件会被销毁,因此在根路由的destroed钩子函数中清除掉事件监听Vue
·2021-08-03 19:39

前端网页技术之 Vue

operator方法methodsVue解析数据三种data值的写法高级用法：v-命令指令集双向绑定v-model闪现v-cloak判断v-if循环v-for事件v-on绑定v-bind小结Vue组件概述使用测试Vue
cgblpx·2021-08-02 21:42
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他