VUE路由

手动控制vue路由离开后是否清除keep-alive缓存

如果使用this.$destroy()会造成相应组件页面之后也不能keepAlive缓存，于是找到下面的方法。另外把监控路由离开事件的this.$destroy()写在Vue.mixin里，或者写在单独作为mixin引用的.vue文件里可以方便做统一配置。下面的this.$store.state.app.ifDestory和this.$store.commit('SET_COMPAGE_DESTO
Jx_dev·2023-09-12 15:48

vue自动加载模块方法require.context

大家在写vue路由的时候，一般会采取什么样的方法呢？在router的index.js中直接把路由写完，还是把每个页面抽出来再到router的index.js里引入？
驻风丶·2023-09-12 06:00

2023/09/10

文章目录1.使用Vue单页面全局变量注意事项2.伪元素和伪类3.Vue3中定义数组通常使用ref4.VueRouter的$router和$route5.Vue路由中的query和params的区别6.vue3defineExpose
搜捕鸟了·2023-09-11 09:13

vue路由嵌套路由_在Vue.js中使用嵌套路由

vue路由嵌套路由AsyourVue.jsSinglePageApplications(SPAs)becomemoderatelycomplex,youstarttoneedVueRouter,and,
cukw6666·2023-09-11 04:49

vue路由

一、声明式导航-导航链接1.需求实现导航高亮效果如果使用a标签进行跳转的话，需要给当前跳转的导航加样式，同时要移除上一个a标签的样式，太麻烦！！！2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。本质还是a标签，to无需#能高亮，默认就会提供高亮类名，可以直接设置高亮样式语法：发现音乐      发现音乐   我的音乐   
会飞的贤鱼·2023-09-10 05:28

Vue 路由守卫详细介绍与演示

Vue路由守卫是一种在Vue.js应用程序中控制路由导航的机制，它允许你在路由变化前、后或在特定路由上执行代码，以便实现诸如权限控制、数据加载、页面切换动画等功能。
IT小辉同学·2023-09-10 02:17

vue路由hash和history

一、路由原理1、SPASPA，即单页面应用(SinglePageApplication)。就是只有一张web页面的应用。单页应用程序(SPA)是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。浏览器一开始会加载必需的html、css和js，所有的操作都在这张页面上完成，都由js来控制2、什么时候需要路由对于现代开发的项目来说，稍微复杂一点的SPA，都需要用到路由。而vu
大大大大大西瓜G·2023-09-09 03:41

vue全家桶面试题

vue路由面试题（vue-router）1.mvvm框架是什么？2.vue-router是什么?它有哪些组件3.active-class是哪
米奇妙妙wuu·2023-09-08 13:39

vue路由机制

目录路由机制动态路由匹配嵌套路由编程式导航路由组件传参path-query传参name-params传参路由模式hash模式history模式vue-router使用的模式导航守卫--路由的改变会触发导航守卫全局守卫全局前置守卫全局后置钩子路由独享守卫组件内的守卫路由机制vue-router是vue的一个插件，用来提供路由功能。通过路由的改变可以动态加载组件，达到开发单页面程序的目的。安装方式一:
学前端的狗头苏丹·2023-09-08 10:31

【vue2第十六章】VueRouter 声明式导航(跳转传参)、路由重定向、页面未找到的提示页面404、vue路由模式设置

声明式导航(跳转传参)在一些特定的需求中，跳转路径时我们是需要携带参数跳转的，比如有一个搜索框，点击搜索的按钮需要跳转到另外一个页面组件，此时需要把用户输入的input框的值也携带到那页面进行发送请求，请求数据。跳转传参分为：查询参数传参。直接在router-link标签的to属性像get请求方式一样传参数：首页发现朋友跳转的页面获取参数直接使用：模板语法{{$route.query.title}
一个大不溜w·2023-09-07 23:24

vue中的路由

Vue路由是指：根据不同地址，创造不同页面vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
kallenqi·2023-09-07 15:31

Vue路由导航(一篇就够)：关于路由导航的跳转传参的两种方式、重定向、404、模式设置、二级路由、缓存组件、VueCli创建自定义项目、代码修正（简单的移动端练习）

Vue导航以及自定义创建项目文章目录Vue导航以及自定义创建项目一、声明式导航-导航链接1.需求2.解决方案3.通过router-link自带的两个样式进行高亮4.总结二、声明式导航-两个类名1.router-link-active2.router-link-exact-active3.在地址栏中输入二级路由查看类名的添加4.总结三、声明式导航-自定义类名（了解）1.问题2.解决方案3.代码演示4
@LiuJinTao·2023-09-07 12:59

解决vue路由跳转同一页面，携带不同参数，页面不刷新的问题

今天上午在公司碰到了这种路由跳转同一页面的问题，简单来说就是我点底部导航时，第一次跳转到详情页没有问题，可是在跳转详情页之后，再去点击底部导航时就会出现参数改变但是页面没有刷新的问题在你跳转到的页面里添加监听方法watch:{'$route'(to,from){//你在create里的方法//你在mounted里的方法}}
梦想家加一·2023-09-06 12:19

vue路由切换之淡入淡出

路由跳转的淡入淡出在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。可以在页面切换时我们加入一些动画效果，提升我们程序的动效设计想让路由有过渡动画，需要在标签的外部添加标签，标签还需要一个name属性css过渡类名：组件过渡过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name=”fade”,会有如下四个CSS类名：
影夜随风·2023-09-06 09:07

vue路由跳转打开新窗口（window.open()）和关闭窗口（window.close()）

vue路由跳转打开新窗口（window.open()）和关闭窗口（window.close()）编程式导航使用路由对象的resolve的方法解析路由，可以得到location、router、href等目标路由的信息
weixin_49035434·2023-09-05 15:54

vue路由管理

安装介绍使用模板引擎(vuejs)，我们实现了通过组合组件来组成应用程序。使用路由引擎(vue-router)，实现把组件与路由联系起来。使用//1.定义组件constFoo={template:'foo'}constBar={template:'bar'}//2.定义路由constroutes=[{path:'/foo',component:Foo},{path:'/bar',component
一点金光·2023-09-04 15:14

vue路由跳转页面不刷新数据

前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，由于参数不一样不会覆盖原打开的页面而会打开一个重复的页面，只是页面的数据不一样，再点开旧的页面时(B.1)发现数据还是新页面(B.2)的数据，点开旧页面(B.1)时不会调用created()，mounted()函数，会导致获取数据的函数无法
不爱去冒险的少年y·2023-09-03 12:04

【玩玩Vue】使用el-menu作为菜单时,通过一二级路由控制菜单高亮

文章目录前言一、Vue路由二、路由一级控制高亮（常用）1.vue中路由文件2.网址样式3.Vue文件4.$route的内容三、路由二级控制高亮1.vue中路由文件2.浏览器网址样式3.Vue代码4.
我辈李想·2023-09-02 17:04

Vue:路由-重定向-404提示-模式设置

文章目录Vue路由-重定向语法：Vue路由-404NotFound作用：当路径找不到匹配时，给个提示页面使用步骤：Vue路由-模式设置语法：Vue路由-重定向问题：网页打开，URL默认是/路径，未匹配到组件时
Forever_Hopeful·2023-09-02 15:37

Vue2项目练手——通用后台管理项目第二节

组件搭建与样式修改右边用户菜单栏使用的组件图片CommonHeader.vueVuex实现左侧折叠文件目录store/index.jsstore/tab.jsmain.jsCommonHeader.vueCommonAside.vueMain.vue
VillanelleS·2023-09-02 13:47

vue路由出现报错RangeError: Maximum call stack size exceeded

当使用Vue路由时，如果设置不当，会导致无限的递归，最终导致栈
lishiyueup·2023-09-01 22:23

vue路由

路由的基本知识点VueRouter是Vue.js官方的路由管理器。它允许你在Vue应用程序中构建单页面应用（SPA），并实现了客户端路由功能。下面是一些VueRouter的重要知识点：路由的基本配置：使用Vue.use(VueRouter)安装VueRouter插件。创建一个路由实例constrouter=newVueRouter({routes:[...]})，其中routes是一个包含路由配置
想要打 Acm 的小周同学呀·2023-09-01 21:41

关于vue路由携带不同参数跳转同一个页面路由页面复用解决记录

携带参数跳转页面this.$router.push({path:'/whale/Detail',query:{actId:row.actId}})页面中监听路由并更新数据watch:{'$route'(val,from){//监听到路由（参数）改变//拿到目标参数vval.query.actId去再次请求数据接口if(val.query.actId){this.routerMsg=val.quer
Simaoya·2023-09-01 17:00

vue 面试题

介绍SPA以及SPA的缺点spa是单页面应用.缺点:seo(讲究多页面,动态修改关键字)优化不好.性能不是很好,那么多页面都从index.html暴露出来,VUE路由传值path-query//参数可见
哼_·2023-09-01 17:42

VUE路由（2018）

VUE路由语法：1.首先，安装方法和angular路由类似，可以单独安装，也可以直接使用VUE-cli集成使用。2.vue接收路由的渲染输出的标签是，angular接收路由的渲染输出的标签是。
lijwsunyt·2023-09-01 15:30

vue路由传参

对应的路由配置模块,{path:'/editCardetail',name:'editCardetail',component:EditCardetail}1、使用$router.push拼接参数传参this.$router.push('/editCardetail?editType=add')其中editType=add即为传递的参数2、使用name来确定匹配的路由，通过params来传递参数t
千锋小书童·2023-08-31 08:13

2019-04-02

课表安排vue环境安装vue绑定事件vue计算属性vue判断与循环CDN实战DEMOvue脚手架的搭建与使用vue组件嵌套vueCSS作用域vue传值与引用vue生命周期vue路由和Httpvue路由和导航
budderli·2023-08-31 00:50

Vue 最简单最好用的组件通信方法 - $ref父组件对子组件发起通信 - $emit子组件对父组件发起通信 - Vue 路由通信 由props 参数发起通信

目录序言一、具体实现二、Vue路由-props参数实现组件通信的方法具体链接：序言通过实行了Vue组件的其他的通信方法，发现最简单最好用的是使用$ref方法让父组件对子组件发起通信，Vue路由则是由props
沐 修·2023-08-30 23:56

Vue+Cesium创建项目并加载地图全过程

目录一.创建vue项目准备工作1.执行创建项目命令2.项目名称3.项目说明4.作者描述5.编译方式6.是否安装vue路由7.是否使用ESLine8.选择预设的ESLine规则9.设置单元测试10.设置e2e11
向着太阳往前冲·2023-08-30 10:18

Vue路由跳转后this.$bus.$on多次触发的问题

路由跳转地址栏显示参数,且页面刷新后参数不会消失.跳转:this.$router.push({name:'Home',query:{id,region}})获取参数this.$route.query需要注意的是,路由跳转用$router,获取地址栏信息用$route正文首页点击按钮路由跳转至A页面,A页面返回至首页后,再进入A页面发现$bus.$on事件执行了两次,而且每进一次就多执行一次.触发事
请叫我吉先生·2023-08-29 14:12

Vue学习笔记(四)——Vue路由

vue是一个单页面程序应用，即使有无数个vue文件，也只是vue页面中的组件svue-router是vue的一个插件，用来提供路由功能，通过路由的改变动态加载组件，达到开发单页面程序的目的设置了路由之后，不需要再注册组件，只需要注册了路由之后，通过path、name进行组件之间的切换路由应用1.声明组件letcom={data(){return{}},template:``,}2.声明路由rout
hsy_siying·2023-08-28 22:15

VUE笔记（六）vue路由

一、路由的简介1、实现生活中的路由路由：路由其实就是一个key-value对应关系路由器：用于管理多个路由关系的设备被称为路由器2、前端的路由目前使用的前端项目都是单页面的应用（SPA），一个项目中只有一个html页面，这种项目是由很多个组件组成，组件之间如果要跳转要依靠路由来完成，路由是由key和value组成一个对应关系，前端路由的key就是url地址，路由的value就是组件本身keyval
鸣鲷有柒·2023-08-28 22:12

vue3:vue-router路由的使用

目前Vue路由最新的版本是4.x版本。vue-router是基于路由和组件的路由用于设定访问路径,将路径和组件映射起来.在vue-router的单
米儿web·2023-08-28 10:30

Vue路由（详解）

目录路由原理路由到底有什么作用？路由安装和使用（vue2）路由跳转跳转实例：路由的传值和取值传值实例：查询参和路由参的区别：嵌套路由嵌套实例：路由守卫守卫实例：路由原理路由是Vue中的一个重要的插件。Vue是单页面应用就一个HTML页面，但是我们要实现页面的跳转效果，那么我就需要使用路由。单页面的跳转是什么呢？实际上就是局部改变，其实还是一个单页面，只是看起来像跳转的样子。单页应用的路由模式有两种
爱敲代码的小林·2023-08-28 10:20

详解Vue3——设置导航守卫

导航守卫是Vue路由中非常有用的功能，它允许我们在路由导航过程中执行一些特定的操作。无论是在用户访问特定页面之前还是离开页面之前，我们都可以使用导航守卫来进行验证、授权、重定向和其他一些操作。
天玄TX·2023-08-28 00:58

vue路由传参的3种方式(极简)

·Query通过在router-link的to中在跳转过来的页面中接受是通过this.$route.query.参数名称·Params通过在router-link的to中在router配置路由的地方在{Path:”/跳转路由名称/:id”}在跳转过来的页面中接受是通过this.$route.params.参数名称methods是vue中的一个属性，在里面定义方法来进行路由跳转下面是方法：上面两个比
朝树·2023-08-27 16:49

Vue2向Vue3过度核心技术路由

3.总结2路由的基本使用1.目标2.作用3.说明4.官网5.VueRouter的使用（5+2）6.代码示例7.两个核心步骤8.总结3组件的存放目录问题1.组件分类2.存放目录3.总结4路由的封装抽离5Vue
赵广陆·2023-08-27 05:45

【Vue框架】菜单栏权限的使用与显示

前言在【Vue框架】Vue路由配置中的getters.js里，可以看到有一个应用程序的状态（变量）叫permission_routes，这个就是管理前端菜单栏的状态。
Kevinllli·2023-08-25 18:30

nginx 托管vue项目配置

server_nameyour_domain.com;location/{root/path/to/your/vue/project;indexindex.html;try_files$uri$uri//index.html;}}奇怪的现象,在vue
Henry_Wu001·2023-08-24 21:17

Vue路由传参和接收参数

Vue路由传参和接收参数1.传参//1.字符串的形式跳转到about页面//this.$router.push("/about")//2.对象形式//this.
简单点了·2023-08-24 17:24

[绍棠] Ant Design Pro of Vue打包有前缀静态资源访问不到

方法一缺点：需要和部署的路径保持一致，不是很灵活1、在环境变量.env中定义url前缀BASE_URL=/admin/2、定义vue路由前缀路径router/index.jsconstcreateRouter
绍棠·2023-08-24 17:43

程序员给女朋友周年纪念的浪漫

概述纯css3开发的h5页面，不包含一张图片，全是用css3写出来的各种形状，利用vue路由进行跳转详细一、准备工作由于项目基于vue，所以需要有node环境可以启动。
西安未央·2023-08-24 09:22

vue路由跳转的问题

1.router-link跳转可以通过this.$route.query取到传入的filePath=123,使用this.$route.params.filePath不能取到filePath的传入值这是因为跳转使用的path,而不是name,接收不到params,需要在router文件夹下的js配置组件的path,name,component,就可以接收到params的传入参数,但是一旦刷新,pa
洋洋袁·2023-08-23 16:54

vue路由及打包部署

vue路由（前端路由）：URL中的hash（#号）与组件之间的对应关系。
大块奶酪----·2023-08-22 19:06

JavaWeb开发-03-Ajax-Vue-Element

Ajax1.Axios2.案例二.前后端分离开发1.介绍2.YAPI三.前端工程化1.环境准备2.Vue项目简介3.Vue项目开发流程四.Vue组件库Element1.快速入门2.常见组件3.案例五.Vue
程序员希西子·2023-08-22 16:27

electron实现打开子窗口，窗口加载vue路由指定的组件页面

这里使用vue路由进行页面跳转。主进程background.js//varchildWin;//把childWin设置在函数外面和设置在函数里面效果不一样！
Luo_LA·2023-08-20 22:45

Vue 路由跳转传参或者打开新页面跳转

Vue路由跳转传参或者打开新页面跳转1.通过路由中的name属性,使用params传递参数,使用this.
小火车况且况且·2023-08-20 16:58

Vue路由的安装

1.npm安装路由在项目中输入以下命令安装全局路由npminstallvue-router-S安装之后在项目文件package.json内会出现"vue-router":"^3.5.2"2.在src内新建router目录添加index.js作为总路由//引入依赖importVuefrom'vue'importVueRouterfrom'vue-router'//使用路由中间件Vue.use(Vue
RyzenVega·2023-08-19 13:37

vue路由加html,Vue页面权限控制和动态添加路由

原文转自：点我页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。Vue动态添加路由及生成菜单这是我写过的一篇文章，通过动态添加路由和菜单来做控制，不能访问的页面不添加到路由表里，这是其中一种办法。另一种办法就是所有的页面都在路由表里，只是在访问的时候要判断一下角色权限。如果有
机器人Tang·2023-08-19 04:18

vue 路由传参的四种方式

vue路由传参**一、router-link路由导航**父组件:使用例如：routerlink传参子组件:this.
飞啊飞我的骄傲放纵-未来全栈工程师·2023-08-18 10:15
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他