VUE路由

Vue指令

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门5.指令什么是指令？
独久·2020-08-14 18:00

Vue实例

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门4.Vue实例4.1.创建Vue实例每个Vue应用都是通过用
独久·2020-08-14 18:00

Vue快速入门

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门3.快速入门接下来，我们快速领略下vue的魅力3.1
独久·2020-08-14 18:00

认识Vue 并安装nodeJS和NPM

认识Vue并安装nodeJS和NPMVue快速入门Vue实例Vue指令Vue组件化Vue路由vue-routerwebpack快速入门vue-cli入门0.前言先聊一下前端开发模式的发展。
独久·2020-08-14 17:00

vue路由检测回退与判断

使用vue项目在微信浏览器内的h5进行展示，此时的返回按钮为微信自带的返回按钮，在界面中能够使用vue钩子函数进行检测。如果需要在微信小程序内进行内嵌h5，微信小程序界面需要一些关闭界面按钮，来达到用户自身的界面关闭需求微信程序的路由回退检测：//离开当前页面beforeRouteLeave(to,from,next){//1操作来自关闭按钮（按钮点击flag）if(this.goroomFlag
骑上我心爱的小摩托·2020-08-14 17:12

vue路由传参的三种方式

文章目录1、方案一1.1定义路由1.2页面传参1.3页面获取1.4页面效果方案二2.1定义路由2.2页面传参2.3页面获取2.4页面效果方案三3.1定义路由3.2页面传参3.3页面获取3.4页面效果总结1、方案一1.1定义路由path:'/circulation',component:()=>import('@/views/reSeManage/circulation/index'),name:'
xiongdaandxiaomi·2020-08-13 23:12

vue路由切换，页面不更新?你可以试试这个方法

前言vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。问题呈现父组件，点击class=item的div跳转到相应点的页面exportdefault{data(){return{dirList:[]}},methods:{clickIte
njit_peiyuan·2020-08-13 21:14

vue路由监听和参数监听

1.路由携带数据跳转routerAction(hideDisplays,data){switch(hideDisplays){case"pubAccountMenu":this.$router.push({name:"AppAccountInfo",});break;//在菜单路由上存储各种需要信息case"publicDocInfoMenu"://菜单code:publicDocInfoMenu
weixin_33985679·2020-08-13 21:46

2020秋招web前端开发工程师vue必刷题

7.vuehistory与hash区别以及如何判断history与hash是否造成页面改变8.vue中computed与data中的值在双向数据绑定处理中有什么不同点9.computed生命周期10.vue
小小飞肖·2020-08-13 17:01

vue路由分文件拆分管理详解

这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目，路由可以会有一百甚至几百个，那么此时将路由文件进行拆分是很有必要的。不然，你看着index.js文件中一大长串串串串串串的路由，也是很糟糕的。首先我们在route
·2020-08-13 16:01

vue路由跳转的时候隐藏或去掉导航栏或者菜单栏

我们在用路由跳转的时候发现，并不是每一个跳转页面都是有导航栏的，就比如，跳转登录页面的时候，底部的导航栏就会消失，以下提供两个能让导航栏消失的方法第一种使用v-show1.给导航栏加上v-show的判断条件，$route可以获取meta中的信息，istrun是我们在路由中添加的一个变量（用来判断v-show成立的条件）{{$route}}首页|菜单|服务|我的以下是路由中的代码constroute
zyxczyf123·2020-08-12 18:49

遇坑合集

一、Vue路由传参1.Vue路由传参//坑：通过path指定路由时，params参数无效that.
Leisure Tea·2020-08-12 16:54

Vue路由守卫理解

全局守卫vue-router全局有三个守卫：router.beforeEach全局前置守卫进入路由之前router.beforeResolve全局解析守卫(2.5.0+)在beforeRouteEnter调用之后调用router.afterEach全局后置钩子进入路由之后用法：//main.js入口文件//to和from是将要进入和将要离开的路由对象this.$route//next:Functi
野生松·2020-08-12 14:59

vue路由传参介绍

vue有两种传参方式：1:query：vm.$router.push({path:'/xxx',query:{xxx:'xxx'}})2:paramvm.$router.push({name:'xxx',params:{xxx:xxx}})这两种方式都可以进行路由的传参，但是在页面进行刷新的时候，params传参的数据会消失，而query的参数不会因为页面刷新而消失，query传的时候只能穿字符串
call_me_fly·2020-08-12 11:15

详解Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分：JavaScript部分：.....created:funct
zengdejie123·2020-08-12 00:44

初始vue(组件的定义及传参，Axios数据请求及渲染，vue路由）

ss会介绍一下内容：组件的定义及传参，Axios数据请求及渲染，vue路由1.组件的定义在编写页面过程中，轮播图可能是个重复使用的页面，这个时候就需要用到组件，把重复的页面封装成公共组件。
德鲁兹·2020-08-12 00:39

Vue路由切换动画效果，(从右往左进入，从左往右退出，前一个页面不为空白)

效果就是，例如跳转详情页，详情页页面从右往左进入,当我们点击返回主页时候，详情页从左往右退出，并且这个过程中，主页的内容不为空白首先创建三个vue文件home.vue为父组件childrenOne.vue为子组件childrenTwo.vue为子组件router.js中constroutes=[{path:'',redirect:'/home',},{path:'/home',component:
进阶的巨人001·2020-08-12 00:45

008 - vue node rem

topbatu.bchltech.cn地址在前域名在后将要映射的内容----localhost2.config---prod.env.js---APIHOST3.config---idnex.js---target##VUE
qq_30856231·2020-08-11 22:03

Vue 路由&组件懒加载（按需加载）

使用Vue路由懒加载和组件懒加载可以提升页面加载速度，减少白屏时间，提升用户体验。
algor1234567·2020-08-11 21:57

vue路由导出问题 Uncaught TypeError: Invalid attempt to spread non-iterable instance.

vue路由导出问题UncaughtTypeError:Invalidattempttospreadnon-iterableinstance.这个问题是写把导航需要的路由写到srouter的文件中,然后在
hao_0413·2020-08-11 20:58

vue路由跳转报错解决

vue路由跳转：setTimeout(function(){console.log(this);this.
weixin_34067102·2020-08-11 19:34

vue路由是怎么做的（路由的原理）？

Vue-resource是Vue官方提供的插件，axios与fetchJsonp是第三方插件vue路由是怎么做的（路由的原理）核心原理：更新视图但不重新请求页面路由模式：hash：hash即浏览器url
蓬莱老仙·2020-08-11 14:00

【前端路由】Vue-router 中hash模式和history模式的区别

咱们今天说说VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，不要小看这道题其实问到这里的时候那个面试官应该是个大牛，开发经验丰富，这个题其实就是考验你的开发经验是否属实。
黑子Kuroko·2020-08-10 09:54

vue路由介绍，命名路由，嵌套路由，命名视图

技术交流群：365814763路由，对于大多数单页面应用，都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档https://router.vuejs.org/。以下为简单实现路由的代码：写html第一个路由//to="/one"为，当点击时，跳转到/one路径下的文件第二个路由第三个路由书写jsimportVuefrom'vue'//引入vueimportVueRo
伏月又九·2020-08-09 16:12

Vue路由参数

TitleVue.use(VueRouter);varUserParams={template:`用户信息`,created(){console.log(this.$route.params.id);}};varUserQuery={template:`查询页面`,created(){console.log(this.$route.query.userId);}};varrouter=newVue
2B青年弹棉花·2020-08-09 15:54

vue设置路由title，实现在vue路由发生变化的时候，相应的页面title随之变化

最近用vue来做一个项目，到结尾的时候发现一个问题：不管开的是哪个组件的路由地址，网页的title都是index.html里面的title。下面总结一下解决的办法：原先我使用的是document.title=to.meta.title来改变网页标题。大家都知道使用Vue框架开发的应用是个单页面应用，里面用到的是路由的形式，并不像多页应用开发那样（下面附带区别）。所以想让网页的标题随着路由的改变而改
weixin_30795127·2020-08-09 14:08

vue路由--参数获取、dom元素获取、给dom元素添加事件

Vue-router中的对象$route路由信息对象，只读对象$router路由操作对象，只写对象一、参数的获取1、路由对象配置varRouter=newVueRouter({//配置路由规则routes:[//路由对象有了名称就等于有了变量名，router-link只需要说明这个变量名即可{name:"login",path:"/login",component:Login},{name:"re
couch-potato·2020-08-09 12:52

vue路由跳转时更改页面title

一、router文件夹下的index文件中给每个path添加meta:{}：exportdefaultnewRouter({routes:[{path:'/',name:'index',component:index,meta:{title:'title1'}},{path:'/studentInfo',name:'studentInfo',component:studentInfo,meta:{
路不在自己脚下·2020-08-09 11:38

vue路由跳转时进入新的页面，但位置却不在顶部

（1）问题背景路由跳转时进入新的页面，但位置却不在顶部，而是在上个页面浏览的位置，在每次进入新页面时，想让它定位在页面的顶部。方式一main.jsrouter.beforeEach((to,from,next)=>{//chromedocument.body.scrollTop=0//firefoxdocument.documentElement.scrollTop=0//safariwindow
风吹@头皮凉·2020-08-09 06:29

修改vue路由时的遇坑记录

【适合跟博主一样的初学者看，欢迎指出错误与不足】不看废话，查看完整版1.运行新创建的Vue项目时报错:{parser:“babylon”}isdeprecated;wenowtreatitas{parser:“babel”}，最明显的特征是控制台的输出由红色变为白色。解决：找到node_modules/vue-loader/lib/template-compiler/index.js搜索babyl
HelloMyCode·2020-08-09 06:08

vue路由配置、路由跳转、路由拦截

1、声明式传参的二种方式params:/home/1/2需要在路由path中配置{path:'/home/:id/:age'}query:/home?id=1&age=2接收参数params：this.$route.params.idquery：this.$route.query.id路由跳转点击跳转点击跳转点击跳转点击跳转点击跳转//无效点击跳转点击跳转2、编程式this.$router.pus
double-shuang·2020-08-09 00:00

vue路由跳转时更改页面title

一、router文件夹下的index文件中给每个path添加meta:{}：exportdefaultnewRouter({routes:[{path:'/',name:'index',component:index,meta:{title:'title1'}},{path:'/studentInfo',name:'studentInfo',component:studentInfo,meta:{
web_xyk·2020-08-08 23:32

vuejs项目：路由跳转时更改页面title - 代码篇

文章目录（含效果图、演示代码）vue路由跳转不同页面的时候，自动更改页面title一、效果图演示：二、示例·重要代码：三、设置总结（含效果图、演示代码）vue路由跳转不同页面的时候，自动更改页面title
草巾冒小子·2020-08-08 19:04

vue笔记_使用Vue保存快速笔记

vue笔记保存快速笔记(SavingQuickNotes)SavingQuickNotes-Vue,Vuex,VueRouter,VueCompositionAPI.保存快速注释-Vue，Vuex，Vue
cuk5340·2020-08-08 15:47

vue路由懒加载和拓展的组件懒加载

vue-cli路由的懒加载？一、为什么要使用路由懒加载为实现更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。二、定义懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。三、使用常用的懒加载方式有两种：即使用vue异步组件和ES中的import，具体实现如下：/***vue异步组件实现懒加载*方法如下：component：resolve=>(require(['需要加载的路由
itBellah·2020-08-08 14:53

前端面试题巨详细

6.总结生命周期钩子函数7.vuex的五个核心概念8.vue路由钩子函数9
WEB前端含光·2020-08-08 13:34

vue路由的钩子函数

总体来讲vue里面提供了三大类钩子1、全局钩子2、某个路由独享的钩子3、组件内钩子1.全局beforeEachto:(Route路由对象)即将要进入的目标路由对象to对象下面的属性：pathparamsqueryhashfullPathmatchednamemeta（在matched下，但是本例可以直接用）from:(Route路由对象)当前导航正要离开的路由next:(Function函数)一定
若茶先森·2020-08-07 23:29

vue路由守卫 拦截登录权限

importrouterfrom'./router'import{getCookie}from'@/utils/cookie'import{Message}from'element-ui'router.beforeEach((to,from,next)=>{if(to.path==='/login'){next()}else{consthasUserInfo=getCookie('user_inf
派大星1·2020-08-07 22:41

vue路由刷新问题，两个路由对应一个组件，让路由重载

开发crm系统中，遇到新增员工、查看员工详情、修改员工详情用的同一vue组件页面，需要对应不同状态进行控制重载，文章方法转载自vue路由刷新问题，两个路由对应一个组件，如何能让路由重载主要代码如下data
无数个梦想·2020-08-07 21:47

Vue路由守卫

#####路由守卫全局守卫：beforeEachto：相当于每个组件身上携带的信息改变引入路由方式并导出```document.tilte=to.meta.title每个页面都有title了```meta中配置项auth：false意思是不需要登录也能进true是需要认证```if(to.path!="/login"&&to.meta.auth){//看token是否存在//不存在跳回那个页面fu
鲸是鲸鱼的鲸·2020-08-07 21:46

vue路由，浏览器页面出现空白

在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户手动更改为未进行匹配的url时，系统找不到响应的组件进行页面渲染，就会出现空白页面。导航守卫（常用）可以使用router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})//添加路由代码router.beforeEach((to,
小宇哥34·2020-08-07 21:49

Vue 中， vue-resource实现路由拦截（权限）

问题解决方式Vue路由功能与vue-resource的拦截功能进行结合，即可结局本问题问题具体解决过程importVuefrom'vue'importRouterfrom'vue-router'
Gavid-jh·2020-08-07 21:20

vue路由守卫

可以在路由文件中设置，这个是进入路由前的守卫{path:'/hookRouter',name:'hookRouter',component:hookRouter,beforeEnter:(to,from,next)=>{console.log('准备进入路由守卫模板');console.log(to);console.log(from);next();},},有三个参数：to:路由将要跳转的路径信
llaaakk·2020-08-07 21:05

vue路由登录拦截

vue路由vue路由文件的基本格式importVuefrom'vue';importRouterfrom'vue-router';importHomePagefrom'.
前端菜菜子·2020-08-07 20:50

vue路由使用踩坑点：当动态路由再使用路由name去匹配跳转时总是跳转到根路由的问题...

闲话少说，直接问题：之前我的路由时这么写的{path:'/serverInfo/:id',name:'serverInfo',component:()=>import('@/views/serverRequest/SRInfo')}但是呢，头部做了个通知面板，代码如下：通知暂无通知{{'【'+item.message+'】'}}{{item.message_time}}通知看一下router-li
weixin_33714884·2020-08-07 20:19

vue项目中路由验证和相应拦截的使用

详解Vue路由钩子及应用场景（小结）：https://www.jb51.net/article/127678.htmvue项目中路由验证和相应拦截的使用：https://blog.csdn.net/wang1006008051
weixin_30949361·2020-08-07 20:39

解决vue路由跳转未匹配路径时出现空白页的问题

在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户手动更改为未进行匹配的url时，系统找不到响应的组件进行页面渲染，就会出现空白页面。这种用户体验并不好，下面总结解决该问题的方法。1.导航守卫可以使用router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})router.be
Jeff1804·2020-08-07 19:30

vue路由的基本使用

Document登录注册登录注册varlogin={template:'这是登录组件'}varregi={template:'这是注册组件'}//创建一个路由对象，当导入vue-router包之后，在window全局对象中，就有了一个路由的构造函数，VouRouter//在new路由对象时，可以为构造函数传递一个配置对象varrouterObj=newVueRouter({//routes表示路由
你是人间五月天·2020-08-07 19:10

vue路由的钩子函数beforeEach，afterEach导航守卫

在路由的配置文件里constrouter=newVueRouter({...})router.beforeEach((to,from,next)=>{//...})-------------------------------demo01--------------------------------------router.beforeEach((to,from,next)=>{if(to.ma
做个有准备的人·2020-08-07 18:21

vue路由拦截器遇到的坑

思路，所有的跳转该域名的url，都会跳转到登陆login页面，在login页面输入正确的账号和密码后，后台返回一个token，存在sessionStorage里面，拦截器读取到token就放router.beforeEach((to,from,next)=>{letPcurl=router.options.routes[1].children;varse=window.sessionStorage
singlever·2020-08-07 18:24
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他