vue路由

vue组件刷新方法

一、刷新整个页面1.使用window对象中的方法：location.reload()2.使用vue路由跳转：this.
weixin_43962020·2023-07-18 06:14

vue路由传参，参数为[object,object]解决方式

今天在做项目中，使用query进行页面传值，通过按钮点击跳转正常，但是使用浏览器箭头进行导航跳转就会发生参数为[object，object]的问题，这里是通按钮点击事件进行传参，正常使用浏览器箭头导航参数异常下面是借助网上的解决方法添加参数时使用JSON.stringify进行一下转换接收时使用JSON.parse进行转换这样就ok了
me_is_i·2023-07-17 11:29

vue路由接口转发

目录一、nginx的路由转发二、vue路由转发三、两者路由转发的区别vue的路由和nginx的路由有许多相似之处，也有一些不同的地方。两者都有接口转发的功能，但是具体转发的方式会有一些区别。
IT云烟.·2023-07-17 07:37

5 分钟理解 vue-router 原理

vue-router原理路由原理，是面试非常频繁常问的一个问题面试官：你了解vue路由原理吗？回答：是利用浏览器的historyapi、面试官：具体是怎么实现的呢？回答：坏了。。。。。。
野生切图仔·2023-07-17 00:30

vue脚手架创建第一个demo项目

cdcreatePorjectDemo/2、创建一个vue.js工程vueinitwebpackdemo_project注意项目名称不能有大写字母3、安装项目依赖cnpminstall4、安装vue路由模块
shaorj4071·2023-07-16 15:46

Vue路由跳转到新页面之后，返回旧页面保持状态不变

新项目中遇到了登录时点击用户协议，进入协议页面让用户阅读，然后返回登录页面时发现原来填写的手机号验证码全都没有了。解决方案：使用keep-alive在vue.app中添加keep-alive标签。在router文件下的index.js中，添加meta。{path:'/Load',name:'Load',component:Load,meta:{keepAlive:true}},在跳转的新页面中，添
codeMing_·2023-07-16 07:31

Vue路由封装

关于Vue的动态路由封装import{createRouter,createWebHistory}from'vue-router'importstorefrom"../store"constroutes=[{path:'/',redirect:"/home"},{path:'/login',name:'login',component:()=>import('../views/LoginView.
路寻·2023-07-16 01:51

封装一个基础的vue-router

前言主要知识点：路由原理Hash与History实现路由一、一个vue路由的工作原理前端路由与后端路由的区别：后端路由：输入url>请求发送到服务器>服务器解析请求的路径>拿取对应的页面>返回回去前端路由
忍者1·2023-07-16 01:19

vue路由的封装与使用

封装路由首先要明确的是业务需求，以及路由的基本原理下面从几个点进行阐述：1.关于路由的目录结构routerindex.isroutesisindex.js文件里面存放的是关于路由的一些基本配置index.jsimportVuefrom'vue'importVueRouterfrom"vue-router"importroutesfrom'/routes'Vue.use(VueRouter)//解決
scclp·2023-07-16 01:18

VUE路由相关

vue的路由和nginx的路由有许多相似之处，也有一些不同的地方。nginx的路由是这样的：location/order/{proxy_passhttp://localhost:8080/order/}这几行代码的意思是拦截url含有“/order/”的请求并将“/order/”替换为http://localhost:8080/order/，这样的话，原来的url就会发生改变。在实际应用环境中，浏
苏禾呀·2023-07-16 01:05

VUE路由Router嵌套路由和动态路由的实现方式

A.嵌套路由的概念(★★★)当我们进行路由的时候显示的组件中还有新的子级路由链接以及内容。嵌套路由最关键的代码在于理解子级路由的概念：比如我们有一个/login的路由那么/login下面还可以添加子级路由，如:/login/account/login/phone参考代码如下：varUser={template:"ThisisUser"}//Login组件中的模板代码里面包含了子级路由链接以及子级路
王玉伟的伟·2023-07-16 00:36

JavaWeb_Web前端_Element组件库

JavaWeb_Web前端_Element组件库快速入门安装ElementUI组件库引入ElementUI组件库添加组件并导入到根组件添加组件导入到根组件Table表格Pagination分页Dialog对话框表单案例Vue
Y_cen·2023-07-15 15:15

vue2项目实战尚品汇前台01 创建项目-路由配置-静态页面

2.vue路由query参数和params参数
nuise_·2023-07-15 09:54

【Vue路由守卫】

Vue路由守卫Vue路由守卫全局路由守卫全局前置守卫全局后置守卫实例代码：独享守卫组件内守卫总结Vue路由守卫路由守卫，简单理解来说就是，当用户要进行一些操作时，我需要用户的一些信息或数据或行为，我判断过后
小田是个程序员·2023-07-14 13:02

Vue-router(vue路由基础详解)

安装直接引入vue-router下载链接https://unpkg.com/vue-router/...npm下载npminstallvue-router如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：在你的文件夹下的src文件夹下的main.js文件内写入以下代码importVuefrom'vue'importVueRouterfrom'vue-router'Vue
前端一菜鸟·2023-06-23 09:08

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

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。
不行了快拦住我·2023-06-23 05:31

vue路由懒加载

懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。使用懒加载的原因：vue是单页面应用，使用webpcak打包后的文件很大，会使进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。整个网页默认是刚打开就去加载所有页面，路由懒加载就是只加载你当前点击的那个模块。按需去加载路由对应的资源，提高首屏加载速度正常写法importLogin
前端小菜鸟也有人起·2023-06-22 21:33

vue路由钩子与异步请求

路由钩子与异步请求18.1、路由模式与404路由模式有两种hash：路径带#符号，如http://localhost/#/loginhistory：路径不带#符号，如http://localhost/login修改路由配置，代码如下：exportdefaultnewRouter({mode:'history',routes:[]});404界面：创建一个NotFound.vue视图组件404,你的
桉森屿夏·2023-06-22 05:45

Vue路由模式

1.vue路由简介和基础使用1.1什么是路由设备和ip的映射关系接口和服务的映射关系路径和组件的映射关系1.2为什么使用路由？
赵同学&·2023-06-20 08:17

考过的前端题

考过的前端题------*侯先生吃过的亏*对于MVVM的理解请详细说下你对vue生命周期的理解Vue组件间的数据传递方式有哪些Vue的路由实现：hash模式和history模式原理vue路由的钩子函数有哪些的作用是什么
少年づ＾·2023-06-18 17:12

vue中路由的实现原理？

一、vue路由的两种模式hash模式：比如'http://www.baidu.com/#/abc'hash的值为'#/abc'它的特点在于：hash虽然出现URL中，但不会被包含在HTTP请求中，因此改变
少年づ＾·2023-06-18 17:42

vue路由在使用keep-alive缓存之后第二次进入页面created和mounted不执行问题及解决

一、keep-alive介绍1.什么是keep-alive？Vue.js中keep-alive是一个内置组件，可以在需要缓存的组件上添加keep-alive标签，使得这个组件被缓存起来，不会被多次渲染和销毁。keep-alive组件有两个独立的生命周期钩子，分别是activated和deactivated。2.如何使用keep-alive?在需要缓存的组件外部添加一个keep-alive标签，示例
jieyucx·2023-06-18 04:15

Vue路由模式有哪几种？Vue两种路由模式的区别

在Vue.js中，有两种常见的路由模式：哈希模式（HashMode）和历史模式（HistoryMode）。下面是它们的详细说明和举例说明：哈希模式（HashMode）：路由示例：http://example.com/#/route特点：默认使用的是哈希模式。URL中的哈希符号（#）用于分隔基地址和路由地址。在不重新加载页面的情况下，可以通过更改哈希值来导航到不同的路由。可以在URL中包含哈希值，用
凌霄玉阶非所愿·2023-06-18 01:12

vue路由重复问题

报错：Avoidedredundantnavigationtocurrentlocation:Snipaste_2020-10-08_11-03-05.pngVue.use(VueRouter);后面加constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){returnori
王远清orz·2023-06-17 20:08

vue路由守卫简明操作笔记

路由守卫1、作用：路由守卫，简单理解来说就是，当用户要进行一些操作时，我需要用户的一些信息或数据或行为，我判断过后，才会同意用户进行操作，说到这里，我想大家心里都或多或少有点理解了吧，官方一点的解释就是进行操作的鉴权，当操作与之条件匹配时，操作成功，当操作与之不匹配时，操作终止，作用就是是对路由进行权限控制。2、路由配置变化：不使用路由守卫，我们的router/index.js是怎么写的：//引入
藏蓝色攻城狮·2023-06-17 18:54

【无标题】 Vue 路由库Router 【重点】 - 安装 - 基本使用 - 路由配置 - 路由模式 - 路由传递参数 - 路由内置对象 - 路由守卫

0.0课程介绍Vue路由库Router【重点】安装基本使用路由配置路由模式路由传递参数路由内置对象路由守卫Vue的内置API【掌握】refVue.setVue.nextTickVue.filterVue.componentVue.useVue.directive1.0Vue
quanmeiren·2023-06-16 20:16

vue路由的两种模式 hash与history

文章目录vue路由是什么？Hash模式Hash具体的原理如下：Hash模式的好处缺点History模式实现History模式的原理如下：History模式的好处缺点vue路由是什么？
奶糖 肥晨·2023-06-16 10:15

vue路由使用全流程

1.下载vue-router模块到当前工程;[email protected]中配置devserver{open:true;}3.在src文件里面创建router文件夹,里面设置index.js4.在index.js中引入VueRouter函数importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(Vue
m0_67805754·2023-06-16 10:42

vue路由使用流程(手动)

(使用了我自己的文件内容,可以对照自己文件夹内容进行修改噢)0.下载与导入vue-router下载vue-router([email protected])导入vue-router(在main.js中)0.导入路由importVueRouterfrom'vue-router'使用vue的插件,都需要调用vue.use()Vue.use(VueRouter)1.导入组件@符号代表src文件夹的
两米八八!·2023-06-16 10:42

Vue路由跳转的五种方式

Vue路由跳转的五种方式目录Vue路由跳转的五种方式1.router-link2.this.$router.push()3.this.$router.replace()(用法同push)4.this.
前端初见·2023-06-15 01:41

vue-element-admin项目学习笔记（3）路由分析一:静态路由

前情回顾：vue-element-admin项目学习笔记（1）安装、配置、启动项目vue-element-admin项目学习笔记（2）main.js文件分析如果对vue路由部分还不是很熟悉的小伙伴，建议可以先去了解一下
藏蓝色攻城狮·2023-06-14 20:32

Vue路由简明实操笔记

路由1、作用：1）理解：一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理2）前端路由：key是路径，value是组件3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面）2、安装路由：vue版本为2.x，建议vue-router安装3.x版本。vue版本为3.x，建议vue-router安装4.x版
藏蓝色攻城狮·2023-06-14 20:31

vue-element-admin项目学习笔记（4）路由分析二:动态路由及permission.js

vue-element-admin项目学习笔记（1）安装、配置、启动项目vue-element-admin项目学习笔记（2）main.js文件分析vue-element-admin项目学习笔记（3）路由分析一:静态路由如果对vue
藏蓝色攻城狮·2023-06-14 08:13

vue 路由守卫中 next 方法的理解

vue路由守卫中next方法的理解在网上看到了一篇通俗易懂的文章,此文章出处在这里我用通俗点的说法解释上next(),next(false),next(’/’),next(error)，希望通过这接地气的解释你能掌握这几个知识点
hemiao3000·2023-06-13 13:23

vue路由传参params和query的用法和区别

1.Params//带过去id通过this.$router.push({name:routename，parmas:{id:id}});由于动态路由也是传递params的，所以在this.$router.push()方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。及通过路由配置的name属性访问在路由配置文件中定义参数：2.Query页面通过path和q
猿分让我们相遇·2023-06-12 13:16

vue路由

路由路由起步监听地址栏的改变.根据改变渲染不同的组件基本使用下载安装路由npminstallvue-router创建路由表(项目下的一个router.js文件)引入vue和vue-routerimportvuefrom'vue'importvueRouterfrom'vue-router'在vue中使用vue-routervue.use(vueRouter)创建路由实例确定路径和组件的对应关系"/
jie_han·2023-06-12 12:38

vue路由传值的几种方式

顾名思义，vue路由传参是指嵌套路由时父路由向子路由传递参数，否则操作无效文章目录四种方式总结一、vue路由传值的四种方式？
z_星河·2023-06-12 07:14

从入门到进阶，Vue框架让Web开发更简单高效

在本文中，我们将会深入探索Vue框架的各个方面，包括Vue组件、Vue路由、Vue状态管理等，以及如何应用Vue框架构建出优秀的Web应用。
NasaYIN·2023-06-12 03:28

2019-04-03 Vue路由篇之 动动动动动态路由

这次老板的需求是路由通过后端配置好直接给我一个路由树生成侧边栏，也就是说现在前端并不需要控制权限了，没了角色的概念，路由完全靠后端给我，给我什么我就生成什么。这就有点匪夷所思，讲道理这套框架就是根据角色去筛选路由表，然后前端渲染，现在改写了路由逻辑，我是很蒙蔽的。既然需求就这样，废话不多说了，直接开干。项目就是老一套基于vue-element-adminpanjiachen大神的框架做的首先我们找
remix_huang·2023-06-11 21:13

关于uni-app与vue路由配置的不同，不使用uni.navigateTo接口跳转时，使用this.$router.push的踩坑经验

目录懵逼的一个小时uni-app与vue路由配置的不同非官方接口的另类写法错误编写：正确编写（只需写父组件即可，其他是多余）：懵逼的一个小时之前用vue写router路由的时候，先配置一个路由表，然后再将配好的路由
lqj_本人·2023-06-11 17:39

vue-----路由

vue-----路由使用vue-cli安装不需要另外安装路由，只需要在安装时候选择Manuallyselectfeatures，然后选到router按下空格就行**vue路由分为前端路由和后端路由路由配置
柒一柒·2023-06-10 23:46

Vue路由到新的页面，页面的名称需要改变

如下图：在页面中点击“属性列表”和“参数列表”的时候，要路由到新的页面，之后页面的title不用路由中的名称，而是用新的名称。也就是要显示对应的按钮名称，这个路由地址的名称是动态的。在旧的页面上加上：beforeRouteLeave，对应的title就是data中的数据，就可以动态变化了。当然还有其他方式。暂且研究这一种很好用，记录一下。data(){return{list:null,total:
飞鸟的心情·2023-06-10 23:42

Vue路由使用（router）

介绍vue-router相当于vue内部跳转链接，将需要切换的页面在vue-router里注册，在项目里配置就能完成页面的切换，它不仅能完成项目的切换，还能实现参数的传递，它还有个很重要的功能路由导航守卫（导航守卫分为前置导航守卫，后置导航守卫，组件内置导航守卫，常用就是前置导航守卫，设置用户登录可访问的界面和未登录可访问的界面，也相当于二次拦截，（axios请求拦截器是第一次拦截））。路由跳转和
一杆老狙·2023-06-10 00:06

vue路由原理

前端路由切换原理：本质就是监听url的变化，然后匹配路由规则，显示相应的页面，并且不刷新页面。目前单页面应用实现路由的方式只有俩种：hash模式history模式hash模式相当于瞄点跳转。监听url#后面的传值发生变化，从而触发window.hashchange方法。并根据值修改暂时页面的内容。不会刷新页面history模式相对hash模式更加符合我们常见的url格式。原理是触发了原生的wind
前端鲁班·2023-06-09 23:15

vue路由实现原理

答：前端路由实现原理主要通过以下两种技术实现的第一种：利用H5的historyAPI实现主要通过history.pushState和history.replaceState来实现，不同之处在于，pushState会增加一条新的历史记录，而replaceState则会替换当前的历史记录[发布项目时,需要配置下apache]第二种：利用url的hash实现我们经常在url中看到#，这个#有两种情况，一
白嫖leader·2023-06-09 23:08

Ajax，前后端分离开发，前端工程化，Element，Vue路由，打包部署

Ajax介绍AxiosAjax-Axiosfunctionget(){//通过axios发送异步请求-get//axios({//method:"get",//url:"http://yapi.smart-xwork.cn/mock/169327/emp/list"//}).then(result=>{//console.log(result.data);//})axios.get("http:/
枯寂麻辣·2023-06-09 17:59

vue路由中间件

背景在访问vue系统时，经常需要在进入路由前做一些全局处理或者登录状态校验，如果全部写在beforeEach函数中，内容会特别多，难以维护。需要将beforeEach中的内容拆分成多个中间件方法，按顺序执行。步骤1、注册中间件注册需要的中间件文件，以修改页面标题和登录校验为例router/middlewares/changeTitle.tsexportdefaultasync({to,next}:
不求甚解bc·2023-06-09 07:01

vue3 ---- 递归组件生成menu菜单 && 路由守卫鉴权

目录递归组件el-menu父组件子组件路由Vue路由守卫实现登录鉴权全局守卫路由独享的守卫组件内的守卫完整的导航解析流程菜单权限按钮权限对于一些有规律的DOM结构，如果我们再一遍遍的编写同样的代码，显然代码是比较繁琐和不科学的
前端 贾公子·2023-06-08 14:43

Vue路由鉴权

文章目录一、路由鉴权的条件二、实现方案一、路由鉴权的条件1.首先判断token是否存在2.如果存在判断token是否有效3.如果存在并且有效就放行，但是不能到login页面4.如果不存在或者token过期就按未登录处理5.未登录只能在login页面二、实现方案//引入routerimportrouterfrom'@/router'//引入nprogressimportnprogressfrom'n
忧郁火龙果·2023-06-08 11:23

vue路由详解

vue引入路由安装路由[email protected]引入路由importrouterfrom'./router'app.use(router)编写router/index.jsHash历史模式（/#/）Hash模式直接访问子路径不会报404，因为vue里面有内置配置import{createRouter,createWebHashHistory}from'v
船长@·2023-06-08 03:07
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他