vue路由

vue路由切换终止请求

vue路由切换终止请求问题：在SPA模式开发当中，比如VUE，当前路由切换的时候如何终止正在发生的异步请求呢，结果：假如请求超时并且有设定超时时间。
chuchur·2019-03-02 18:00

vue 路由切换白屏解决方案

vue路由切换白屏解决方案关于vue路由切换的白屏，事实上在开发的过程中，我一直没有遇到过。我有个哥们遇到这个问题，问我怎么解决的，我晕了，我没遇到这样的问题啊，我怎么解决啊啊啊啊。。
chuchur·2019-03-02 18:00

vue路由传对象刷新会报错，数据丢失，用json字符串解决

变成json字符串，且加密this.$router.push({name:response.body.PowerList[0].opPowerurl,query:{all:encodeURIComponent(JSON.stringify(response.body.all)),one:encodeURIComponent(JSON.stringify(response.body.one))}})
啊哈哈哈哈-·2019-02-28 21:00

npm 和 cnpm 的区别

如：vue-router、vue-resource实例：12#安装Vue路由插件c:\>npminstallvue-router--save-dev-g：全局安装。将会安装在C:
秋风扫落叶·2019-02-22 08:00

npm 和 cnpm 的区别

如：vue-router、vue-resource实例：12#安装Vue路由插件c:\>npminstallvue-router--save-dev-g：全局安装。将会安装在C:
秋风扫落叶·2019-02-22 08:00

详解vue几种主动刷新的方法总结

$router.go(0):是vue路由里面的一种方法，这两种方法都可以达到页面刷新的目的，简单粗暴，但是用户体验不好，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入。
尖沙咀段坤写Bug·2019-02-19 11:01

动态路由传参

如何解决$route耦合度高的问题路由组件传参路由组件传参能干什么获取路由参数，在页面中做一些逻辑处理vue路由组件传参有三种方式：1、布尔方式2、对象方式3、函数方式1、布尔方式布尔方式适
椰果粒·2019-02-14 14:36

详解vue路由篇(动态路由、路由嵌套)

什么是路由？网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。web中，路由的概念也是类似，根据URL来将请求分配到指定的一个'端'。(即根据网址找到能处理这个URL的程序或模块)使用vue.js构建项目，vue.js本身就可以通过组合组件来组成应用程序；当引入vue-router后，我们需要处理的是将组件(components)映
狂奔的蜗牛·2019-01-27 09:17

vue路由篇(动态路由、路由嵌套)

什么是路由？网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。web中，路由的概念也是类似，根据URL来将请求分配到指定的一个'端'。(即根据网址找到能处理这个URL的程序或模块)使用vue.js构建项目，vue.js本身就可以通过组合组件来组成应用程序；当引入vue-router后，我们需要处理的是将组件(components)映
狂奔的蜗牛·2019-01-26 00:00

vue.js 问题汇总

、更新和管理项目的方方面面router区别在控制台打出this的时候，发现router同时存在router为VueRouter实例，想要导航到不同URL，则使用$router.push方法（路由跳转）vue
zhaoshufeng·2019-01-24 14:39

Vue单页面应用阻止浏览器记住密码

现象1：路由切换时再次提示“是否记住密码”登录页面有个密码输入框，输入账号密码进行登录；登录完成后vue路由跳转到主页，这时候浏览器提示“是否记住密码”，我选“否”；然后我点菜单跳转到另一个路由，结果浏览器再次提示
IT唐伯虎·2019-01-22 18:00

如何在vue里面优雅的解决跨域(路由冲突问题)

://localhost:3000'},'/users/*':{target:'http://localhost:3000'}},这种配置方式在一定程度上解决了跨域问题，但是会带来一些问题，比如我们的vue
starkwang·2019-01-20 09:13

vue 路由缓存 路由嵌套 路由守卫 监听物理返回

这是关于vue路由相关比较常见的问题，以后遇到相关路由的问题，会不断更新这篇博客。
Mr.mmming·2019-01-09 10:00

Vue 路由跳转和跳转在新窗口打开以及query 和 params 传参方式

Vue路由跳转配置：openDetails(val){this.
qq_36437172·2018-12-29 14:26

vue路由按模块拆分配置

1.问题通常我们编写vue路由配置都会写在/src/router/index.js这个文件下。
萧雪圣·2018-12-18 10:17

Vue路由管理器

Vue默认没使用路由管理器安装路由npminstallvue-router新建路由配置文件router.js属性有component、redirectimportVuefrom'vue'importRouterfrom'vue-router'importHomefrom'./pages/home/index.vue'Vue.use(Router)exportdefaultnewRouter({ro
wyc0859·2018-12-15 17:46

vue路由query和params的几种传参方式

在项目中需要路由传参，查看了官方文档以及参考了网上其他资料，现总结如下：一/params传参占位符:id//声明式//编程式skipMethod(name){this.$router.push(`/home/${name}`);//或者this.$router.push({path:`/home/${name}`})}路由配置：{path;'/home/:id',name:'home',compo
zhaohanqq·2018-12-14 11:08

vue路由传参的几种方式

完整步骤//步骤一{{listItem.title}}//步骤二//路由配置文件里面path后面加上'/:id'{path:'/detail/:id',component:detail}//步骤三//这里也可以在生命周期的钩子函数create里面接收id，然后设置id//detail页面接收传来的id参数computed:{id(){returnthis.$route.params.id;}}下面
前端来入坑·2018-12-13 12:33

vue路由守卫+登录态管理

在路由文件需要守卫的path后面加上meta{path:'/home',component:home,meta:{requireAuth:true}}在main.js里面加上//路由守卫router.beforeEach((to,from,next)=>{console.log(to);console.log(from);if(to.meta.requireAuth){//判断该路由是否需要登录权
前端来入坑·2018-12-13 12:14

Vue框架项目实战整理：2、Vue项目搭建：使用vue-cli（vue脚手架）快速搭建项目（有图有真相）

nodejs3、安装webpack4、安装vue脚手架5、切换项目目录，根据模板创建项目6、安装vue7、安装vue-cli脚手架构建工具8、大功告成：切换目录，根据模板创建项目9、安装项目依赖10、安装vue
鲁迷那·2018-12-12 16:38

vue路由前进后退动画效果的实现代码

vue-route-transitionvuerouter切换动画特性模拟前进后退动画基于css3流畅动画基于sessionStorage，页面刷新不影响路由记录路由懒加载，返回可记录滚动条位置前进后退的判断与路由路径规则无关支持任意基于Vue的UI框架demo手机扫码在线预览说明配套包含两个组件vue-route-transition负责动画router-layout负责页面排版。主要是解决tr
孟回头·2018-12-10 12:26

Vue使用Axios实现http请求以及解决跨域问题

的中文文档以及github地址如下：中文：https://www.kancloud.cn/yunye/axios/234845github:https://github.com/axios/axiosvue
李亚_45be·2018-12-06 19:53

vue使用技巧和项目中遇到的问题

（话不多说上代码）1，vue路由拦截浏览器后退实现表单保存类似需求（为了防止用户突然离开，没有保存已输入的信息。）
易水人去丶明月如霜·2018-12-04 22:03

简述vue路由打开一个新的窗口的方法

简单说一下vue路由如何打开一个新的窗口1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target="_blank"属性，那我们该怎么用router-link
pinbolei·2018-11-29 08:52

vue路由打开一个新的窗口

简单说一下vue路由如何打开一个新的窗口关注我的个人博客:pinbolei.cn，获取更多内容1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target
pinbolei·2018-11-29 08:40

关于vue路由跳转页面带参数方法总结

最近项目有这样一个需求：在首页导航栏显示消息数，点击每一条未读消息带着参数跳转到相应页面进行显示，网上查了好些办法，比如a组件跳转到b组件：对于a组件有几种方式：1.纯页面跳转2.通过js控制：跳转exportdefault{data(){},methods:{lookDetail(){this.$router.push({path:'',name:name,//要跳转的路径的name,可在rou
Jenny_ttw·2018-11-27 15:59

vue路由跳转传递参数，query和params方式传递

vue路由跳转(router-link的to属性，或者this.$router.push()方法)传递参数有两种方式：query和params。
bamboozjy·2018-11-08 10:09

Vue实例demo——简易博客系统

项目虽然不大，但是包括的知识点确实不少，主要的知识点有：Vue路由的设置以及路由传参、Vue自定义指令、Vue自定义过滤器、使用Vue连接数据库等。
fengzhen8023·2018-10-26 20:31

vue路由传参并跳转页面

在vue项目中参数的传递可以使用本地缓存或者Vuex，那么vue能不能像小程序一样路由传参呢，显然是可以的而且非常简单方式一：query传参//传参go(){that.$router.push({path:'/order',//跳转路径name:'Order',//跳转路径的name值，不写跳转后页面取不到参数//参数query:{name:'name',dataObj:{}}})},//跳转后页
web-慰尘·2018-10-25 18:00

vue路由懒加载

懒加载在需要的时候进行加载。webpack支持的异步加载方法1、比较常见，支持性良好resolve=>require([URL],resolve)2、需要配合babel的syntax-dynamic-import插件使用()=>import(URL)3、已逐渐废弃，不推荐()=>system.import(URL)路由懒加载方式一importVuefrom'vue'importRouterfrom
lesdom·2018-10-24 15:13

vue路由跳转时定位在页面顶部

背景路由跳转时进入新的页面，但位置却不在顶部，而是在上个页面浏览的位置，在每次进入新页面时，想让它定位在页面的顶部。代码方式一main.jsrouter.beforeEach((to,from,next)=>{//chromedocument.body.scrollTop=0//firefoxdocument.documentElement.scrollTop=0//safariwindow.pa
lesdom·2018-10-23 23:35

vue路由传值的几种方法及区别

vue路由传值对应的路由配置模块,{path:'/editCardetail',name:'editCardetail',component:EditCardetail},1、使用$router.push
chenzlyan·2018-10-23 14:16

8.Vue路由(路由配置、传参、获取参数)

this.$route和this.$router区别：this.$route信息参数（query、prams）传参获取this.$router功能函数，go()，push()等方法调用1.导入和使用路由(main.js)：importRouterfrom'vue-router'//使用路由Vue.use(Router)//导入vue页面importRouterAfrom'../page/route
圆梦人生·2018-10-11 13:51

vue路由history模式刷新页面出现404问题

vuehash模式下，URL中存在'#'，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一：location/{root/data/nginx/html;indexindex.htmlindex.htm;if(!-e$request_filename){rewrite^/(.*)/
AaronYuan·2018-10-11 00:00

Vue 常见面试问题，你可能都知道，但能答好吗？

查看更多整理的前端知识点计算属性（computed）、方法（methods）和侦听属性（watch）的区别与使用场景Vue生命周期的理解Vue双向绑定，为什么不能通过修改下标来通知视图发生变化简述Vue中的MVVM模型Vue
我就呵呵一笑·2018-10-07 00:00

vue路由事件beforeRouteLeave及组件内定时器的清除方法

背景之前在做ADTS项目的时候，首页是一个实时监测的页面，需要每隔5秒更新一次数据，而业务逻辑上的需要先请求告警列表的接口的，从告警列表中拿到数据再去获取其他的数据，所以我在获取告警列表的方法中增加了一个定时器。最开始我是将定时器声明在组件内部的（由于页面不多，数据关联也不太强，所以项目中没有使用store进行数据管理），后来清除的时候发现无法清除，后来索性声明到window下了。然后在组件内部写
机智的导演·2018-09-29 15:45

Vue路由history模式解决404问题的几种方法

问题背景：vue-router默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址：使用hash模式的话，那么访问变成http://localhost:8080/bank/page/count/#/这样的访问，如果路由使用history的话，那
古兰精·2018-09-29 14:40

Vue路由传递参数详细说明

前言：最近我跟同事在做一个BI系统，采用前后端分离。整个系统包括数据分析系统、运营支持、系统设置等多个子系统。数据分析系统其实就是做各种数据报表、数据统计、实时数据的系统，这里面其实整个页面就是一个模板，最上面是filter、第二级是统计图、最下面是table数据。所以在数据分析子系统中，只要配置一个路由就可以匹配所有页面，在系统中，我把这个为公用路由。至于公用路由权限如何鉴定其实很简单：获取到用
刺激乐天派·2018-09-28 12:40

vue路由

路由：vue-routervue的核心插件vue-router.js根据不同的url访问不同的页面创建单页面SPA(SINGLEPAGEAPPLICATION)应用案例：1.路由Document/*.router-link-active{color:red;}*/.active{color:red;}首页用户页//2.创建组件varHome={template:`这是首页`}varUser={te
北城_以念·2018-09-26 08:33

Vue路由实现原理

前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。通过改变浏览器地址URL，在不重新请求页面的情况下，更新页面视图有两种方式:1.一种是#hash,在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航2.一种是h5的history,使用URL的Hash来模拟一个完整的URL当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同
QQ帝国·2018-09-19 13:39

vue路由基础使用方法

vue路由配置首先安装npminstall--save-devvue-router使用步骤：1、在main.js引入2、使用VueRouter3、引入组件4、在main.js配置路由5、在main.js
kitt15·2018-09-19 11:05

配置nginx解决vue路由history模式下刷新404问题

在vue路由模式为history的时候，刷新页面会出现404问题。我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。
我是南方大汉·2018-09-11 00:00

vue-cli，试着撸一个麻雀项目（2）

vue路由！在我看来，路由应当是在传值之前要进行说明的。下图是整个用脚手架搭建出来的项目结构：这个是项目的整体结构上图中的项目结构详细介绍。首先整个项目是放在myVue文件夹中。
春困秋乏夏打盹_e473·2018-09-10 17:57

Vue.js框架--路由（十六）

主要操作技能：官网https://router.vuejs.org/中文网https://router.vuejs.org/zh/guide/vue路由配置：1.安装cnpminstallvue-router
凌冰_·2018-09-10 16:41

结合demo浅谈vue路由实现原理

本文结合demo浅谈vue路由的实现方式.更新视图但不请求页面是路由的核心需求,目前在浏览器实现主要有2种方式.利用URL中的hash值利用html5的history方法hash方法基本实现路由基本原理
aimer111·2018-09-06 17:59

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

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

vue框架学习第四篇——解读 Vue 首页启动过程

前面我们已经学习了vue项目结构，这篇开始我们开始进行一个简单的项目，并学习vue路由知识。所谓vue路由，实际上是指vue项目中的页面跳转及连接配置。
dazhong2012·2018-08-23 08:52

当vue路由变化时,改变导航栏的样式方法

当我们需要做一个类似顶部或底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件，并且改变导航栏按钮的样式，如果用跳转的时候，我们可以这样做，改变router-link-active的样式，它是路由path指向当前组件时系统自动生成的。先看下效果：贴上我的路由文件jsexportdefaultnewRouter({routes:[{path:'/',component:App,childr
ShiYadong_·2018-08-22 14:17

vue路由文档笔记

引入routerthis.$router和router使用起来完全一样。我们使用this.$router的原因是我们并不想在每个独立需要封装路由的组件中都导入路由可以在任何组件内通过this.$router访问路由器，也可以通过this.$route访问当前路由：this.$router.go(-1)this.$router.push('/')this.$route.params.username
weixin_30538029·2018-08-20 17:00

Vue使用Axios实现http请求以及解决跨域问题

的中文文档以及github地址如下：中文：https://www.kancloud.cn/yunye/axios/234845github:https://github.com/axios/axiosvue
LJJ1338·2018-08-18 20:27
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他