vue路由

vue动态面包屑路由组件实现

vue动态面包屑路由组件实现，无污染、易配置这几天开发一个vue项目，因为页面非常多，而且有面包屑需求开始想法：每个页面用vue路由传参实现，每次跳转传参，页面根据参数设置面包屑路由；后来想法：规划好路由
橙小光·2018-08-10 18:49

Vue路由结合请求数据

一创建测试项目vueinitwebpack-simplevuedemo二进入demo目录cdvuedemo三安装依赖cnpminstall四安装vue-resource，vue-routercnpminstallvue-resource--savecnpminstallvue-router--save五修改代码├──src│├──App.vue│├──components││├──Content.
剑有偏锋·2018-08-07 17:08

Vue路由的介绍（一）--路由基础入门

一，Vue路由，vue-router的介绍vue-router的官网：https://router.vuejs.org/vue路由：简单的说就是动态的从根里面挂载不同的组件，而不用手动挂载组件。
汉堡大痴·2018-08-05 15:43

vue路由的介绍（二）--vue动态路由和get的传值

vue动态路由和get的传值---->同属于路由的传参1，vue动态路由：动态路由的配置：①，在配置路由时加上动态路由标识，后面属性值可随意！②，在中配置链接值③，在组件中打印路由传参信息2，vue的get传参②，在中配置get传参③，在组件中打印路由传参信息
汉堡大痴·2018-08-01 12:26

Vue实现前后端分离项目的初体验

Vue实现前后端分离项目的初体验经过之前学习的Vue的知识：vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于
TyCoding·2018-07-30 18:14

vue路由组件强制刷新&&缓存更新

最近做用vue做后端管理页面的时候遇到一个问题：需要刷新子路由的页面背景：传统嵌套iframe的页面实现实现特别简单，只需要给替换iframe的链接就可以了vue可以考虑通过更新:key来触发更新（适用所有组件）`key的特殊属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes`添加一个key,因为涉及跨组件操作，所以可以通过vuex来管理它一般情况下，这样处理可以解决这个需
艾特猫·2018-07-24 15:56

Vue路由重写# 与 Web服务器路由重写双配置实现路由重写

前言vue路由组件我使用的vue-routerweb服务器使用nginxVue-router配置vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载
HyperDai·2018-07-18 18:58

vue 权限认证token的实现方法

主要呢是分两步：一是vue路由层的控制，由于项目的路由有规律可循，所以没有采用网上requireAuth那种在需要加验证的路由上配置meta(具体见：https://www.jb51.net/article
明媚jm静好·2018-07-17 14:54

vue路由传参的三种基本方式

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

Vue路由钩子之afterEach beforeEach的区别详解

vue-router作为vue里面最基础的服务,学习一段时间,对遇到的需求进行一些总结使用vue-cli作为开发前提vue-router已经配置好了路由写法routes:[{path:'/cart',name:'cart',component:cart,meta:{title:"购物车"}//用于给定网页名}]vue-router的路由跳转的方法第一种:编程式的导航耳机频道//to是一个prop.
归去来兮-不如去兮·2018-07-15 08:59

vue项目技术随笔

Vue路由切换时页面内容没有重新加载问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。
rocky191·2018-07-14 00:00

vue路由嵌套，配置children嵌套路由

嵌套路由就是路由里面嵌套他的子路由，可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套//mine组件在mine的组件里面嵌套路由去到Cpage去到Dpage//router.js//引入需要的组件，下是我的路径importVuefrom'vue'importRouterfrom'vue-router'importHomefro
前端小狮·2018-07-12 17:23

vue路由组件按需加载的几种方法小结

1.普通加载使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：importHellofrom'@/components/Hello'importBoyfrom'@/components/Boy'importGirlfrom'@/components/Girl'这样做的结果就是webpack在npmrunbuild的时候会打包成一个整个的js文
前端小兵·2018-07-12 11:27

Vue路由跳转传递参数（）

需求——在单页应用中，从A页面跳转到B页面需要携带部分参数，具体操作方法有以下几种：方法1（使用$router进行跳转）：step1：在router.js中定义携带参数的名称{path:'/page/:id',//id为你要携带的参数的名称name:'Page',component:Page}step2：在A页面跳转时携带参数letid=0;this.$router.push({    path:
EarlEcho·2018-07-04 16:51

Vue路由跳转传递参数（）

需求——在单页应用中，从A页面跳转到B页面需要携带部分参数，具体操作方法有以下几种：方法1（使用$router进行跳转）：step1：在router.js中定义携带参数的名称{path:'/page/:id',//id为你要携带的参数的名称name:'Page',component:Page}step2：在A页面跳转时携带参数letid=0;this.$router.push({    path:
EarlEcho·2018-07-04 16:51

vue-router路由对象属性

vue路由对象为this.
Garrettzxd·2018-07-02 20:37

vue路由中query参数的一点应用

首先我们得在router文件中importPreciousDetailfrom"../components/gameList/PreciousDetail.vue"exportdefaultnewRouter({routes:[{path:"/preciousDetail/:game_phase?:share_id",//这里是我们定义的路由参数component:PreciousDetail,m
CherryLee_1210·2018-06-19 16:48

解析vue路由异步组件和懒加载案例

最近研究了vue性能优化，涉及到vue异步组件和懒加载。一番研究得出如下的解决方案。原理：利用webpack对代码进行分割是懒加载的前提，懒加载就是异步调用组件，需要时候才下载。案例：首先是组件，创建四个组件分别命名为first、second、three和four；内容如下first我是第一个页面second我是第二个页面three我是第三个页面four我是第四个页面路由index.js代码，异步
zhensg·2018-06-08 15:55

浅谈Vue路由快照实现思路及其问题

前言：无论构建SPA还是MPA，组件的状态是无法被保存下来的，这对于开发过程中问题的重现是比较麻烦的，因为总是会失去上下文环境，导致重现过程变得繁琐。于是想到了将VueComponent相关信息动态绑定在路由上。本文将给出其实现思路以及相关问题。场景重现在使用Vue开发完应用后，应用上线进入了测试阶段。测试人员测试出现问题后会对页面进行截图，并将页面地址和截图内容发送给开发人员进行bug的确定和修
loong·2018-06-07 16:21

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

（话不多说上代码）1，vue路由拦截浏览器后退实现表单保存类似需求（为了防止用户突然离开，没有保存已输入的信息。）
�I翔·2018-06-04 15:23

运用Vue路由中的afterEach，进行页面的公共头部的信息匹配

前几天在做公共头部的时候，我们可以根据头部的引用，将公共的头部组件，引入到相应的页面中，只需改变公共头部的展示信息。例如：是首页我们就展示“首页“，是个人中心就展示个人中心。但是，所暴露的问题就是，我们必须每一个页面都必须引用这个公共的头部组件。很是繁琐！！所以必须寻求解决办法。最终解决办法就是，在最外层的App.vue的文件中直接导入公共的头部组件，这样每一个页面都能显示公共的头部，岂不快哉。可
CherryLee_1210·2018-06-04 13:29

vue动态路由与vue路由传参

动态路由：当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据这就要用到动态路由跟路由传参了！首先我们来了解下router-link这个组件：简单来说，它是个导航器，利用to属性导航到目标组件，并且在渲染的时候会自动生成一个a标签，当然官方也有说明，加个tag标签属性就可以渲染不同的标签，可以浏览器端
遇而记起·2018-05-31 09:37

Vue路由切换时的左滑和右滑效果示例

如何实现Vue路由切换时的左滑和右滑效果，因为原作者ustbhuangyi老师的两个慕课项目中都没有这样的效果，于是突发奇想要做这个功能，看了看QQ、微信都没这样的效果，最后发现SegmentFault
张成·2018-05-29 08:48

vue路由拦截及页面跳转的设置方法

路由设置：router/index.jsexportdefaultnewRouter({routes:[{path:'/selfcenter',name:'selfcenter',meta:{requireAuth:true//配置此条，进入页面前判断是否需要登陆},component:selfcenter}]})main.js：/*eslint-disableno-new*/router.bef
Mosowe·2018-05-24 13:02

解析url并获取其参数

id=123&a=b在Vue路由中会出现id=123&a=b#/CoIndex*@returnObject{id:123,a:b}*/leturl=window.location.searchexportfunctionurlParse
coderMozart·2018-05-21 15:22

vue路由组件左右切换（兼听手机返回键或自写按钮）

示例http://47.94.90.89/dist1安装vue-cli（1）下载安装node.js（1）npminstall-gcnpm--registry=https://registry.npm.taobao.org换源（1）cnpminstall-gvue-cli全局安装vue-cli已安装则不用（1）vueinitwebpackVue-Project初始化vue项目使用webpack模板，
任倩坤·2018-05-18 13:08

Vue路由History mode模式中页面无法渲染的原因及解决

【转自】https://blog.csdn.net/xjlinme/article/details/74783887Vue下路由Historymode导致页面无法渲染的原因用Vue.js+vue-router创建单页应用，是非常简单的。使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(route
yancolin·2018-04-25 15:39

vue路由6：导航钩子

index.html:Title首页登录帖子管理app.js:varroutes=[{path:'/',component:{template:`这里是首页`}},{path:'/login',component:{template:`这里是登录!`}},{path:'/post',component:{template:`这里是帖子管理`}}];varrouter=newVueRouter({r
duansamve·2018-04-22 16:51

vue路由5：命名视图

index.html:Title首页用户管理帖子管理app.js:varroutes=[{path:'/',component:{template:`首页`}},{path:'/user',components:{sidebar:{template:`用户列表权限管理`},content:{template:`核心技术是国之重器！建设网络强国习近平提出新要求`}}},{path:'/post',c
duansamve·2018-04-22 11:54

vue路由2：传参及获取传参

普通文件中：index.html:Title首页关于我们黄花花李栓蛋app.js:varroutes=[{path:'/',component:{template:'首页'}},{path:'/about',component:{template:'关于我们'}},{path:'/user/:name',component:{template:'我叫：{{$route.params.name}}'
duansamve·2018-04-22 09:34

Vue路由使用总结

一、vue中路由的使用1、定义组件{{msg}}exportdefault{name:'hello',data(){return{msg:'我是Hello组件',color:'color'}},methods:{info(){console.log('你点击了我');}}}.color{color:#630;}2、配置路由文件importVuefrom'vue'importRouterfrom'v
曦沙飞舞·2018-04-17 00:00

Vue路由--router（未完待续）

在前端开发的生涯中，很有可能会开发SPA（singlepageappaication）单页面应用，单页面应用少不了用到路由，那么Vue中的路由是怎么用的呢，下面我们就来探讨一下：一、Vue路由简介：用来开发
初心鸿鹄·2018-03-27 17:39

vue路由懒加载的实现方法

本文介绍了vue的路由懒加载，分享给大家，具体如下：我们可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。component可以是一个箭头函数，我们可以使用动态import语法来定义代码分块点；如果想在network里面看到动态加载的组件名字，可以加webpackChunkName；同时要在webpack.base.conf.js里面的output里面的filena
smile·2018-03-12 10:33

vue根据参数不同的路由跳转以及name的作用

最近在做VUE路由跳转根据参数的值不同但是跳转的是同一个路由的功能。点击左边的目录，根据目录ID跳转不同的列表。如下图。路由跳转的代码：this.
有茶就喝茶·2018-03-09 14:16

关于Vue的路由权限管理的示例代码

前言曾经在工作上对vue路由权限管理这方面有过研究，这几天又看到了几篇相关的文章，再加上昨天电面中又再一次提及到，就索性整理了一下自己的一些看法，希望对大家有帮助。
minfive·2018-03-06 16:18

vue路由只变化参数页面组件不更新问题

形如：http://localhost:8080/#/xxx?a=1&b=1如果只是变化？后面的参数，页面组件并不会响应解决办法：使用watch监听路由$route对象属性的变化watch:{'$route'(to,from){//data数据操作}}
cmyh·2018-02-27 14:43

vue路由组件传参-页面通信

vue路由传参，是页面通信的重要组成部分，而掌握路由传参，必须要认识一个重要对象-$route。（切记，是$route,而不是$router）$route对象这是一个专门用于记录vue组件参数的对象。
mapbar_front·2018-02-24 15:01

vue 路由页面之间实现用手指进行滑动的方法

问题描述：vue路由页面之间如何用手指进行滑动解决方法：1、下载依赖：npmintallvue-touch--save-D2、在需要滑动的页面添加标签;注意要宽高，当页面有东西要写入时，可用v-touch
向梦想出发11·2018-02-23 08:10

3种vue路由传参的基本模式

在vue路由中，支持3中传参方式。场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取对应li的数据，显示相应的正确的内容。
ESnail·2018-02-22 10:18

vue日记-路由(1)

今天终于搞懂了一些些vue路由的问题.权且记录下这其中发生的问题,以供日后参考.认为path--->组件--->页面展示内容而且在不断的尝试中确实有这个特性产生而我只理解到这一层但它的实际原理是这样的吗
L_c017·2018-02-12 11:13

VUE路由初始化 Cannot read property '$createElement' of undefined

记录一下学习日志,免得再犯这种低级错误VUERouter初始化报错，Cannotreadproperty'$createElement'ofundefined//设置路由constrouter=newVueRouter({mode:'history',base:__dirname,routes:[{path:"/",components:Users},{path:"/test",component
伐无道·2018-02-09 13:55

Vue学习日记（三）——Vue路由管理vue-router

前言为了给读者更好的体验，去理解vue-router和下一篇介绍vuex，决定还是来一个实战教程来带大家更加的去深入理解vue-router，在这之前，读者先自行了解和去官网下载npm和node，附：npm官网项目构建这里我采用vue-cli+webpack构建初始项目，在vue官网里面也有相关介绍，在这里我就手把手教大家一下吧，先通过控制台进入相关的文件目录下，然后输入#后面是注释#$表示当前文
广工小成·2018-02-01 00:00

vue-element-admin-master后端动态获取路由的改进

原项目是根据固定角色,判断已经固化的VUE路由文件中的数组生成菜单改进后,根据后端axios返回的数组动态生成菜单,前端不再判断菜单权限VUE原始项目https://github.com/PanJiaChen
瓜瓜2008·2018-01-25 10:09

vue中路由参数传递可能会遇到的坑

前言vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转本文主要给大家介绍了关于vue路由参数传递遇到的一些坑，分享出来供大家参考学习，下面话不多说了
西门小妖·2017-12-07 11:30

vue-router规则下 history模式在iis服务器上配置

因为vue属于单页面应用所以iis识别不了vue路由规则。问题找到了-
其实丿很简单·2017-12-05 19:00

浅谈vue-router2路由参数注意的问题

1、vue路由如果传递params定义路由的时候是/路由名称：id获取的时候this.
蓓蕾心晴·2017-11-08 09:41

详解Vue路由钩子及应用场景（小结）

一.路由钩子语法在vue-router的官方文档中,将路由钩子翻译为导航守卫,下面是文档中的内容摘要,大家也可以通过传送门前往官网阅读详细内容路由钩子路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的，靠。。好拗口啊。总体来讲vue里面提供了三大类钩子1、全局钩子2、某个路由独享的钩子3、组件内钩子三种路由钩子中都涉及到了三个参数，这里直接上官方介绍吧to:Route:即将要进入的目
Lee_tanghui·2017-11-07 10:23

vue路由嵌套的SPA实现步骤

本文为大家分享了路由嵌套的SPA实现的步骤：A（/a）组件需要嵌套B组件(/b)和C组件(/c)①准备嵌套其它组价的父组件指定一个容器在A组件指定一个容器②在A组件的路由配置对象中指定children属性{path:'/a',component:A,children:[{path:'/b',component:B},{path:'/c',component:C},]}补充：//数字如果超出记录的次
匿名的girl·2017-11-06 11:04

详解Vue路由History mode模式中页面无法渲染的原因及解决

Vue下路由Historymode导致页面无法渲染的原因用Vue.js+vue-router创建单页应用，是非常简单的。使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉vue-router在哪里渲染它们。一般开发的单页应用的URL都会带有#号的hash模式，因为整个应用
craftmanship·2017-09-28 11:04

Vue入门（七）——Vue路由详解

对于前端开发者来说，其实浏览器配合超链接的方式就可以很好的实现路由功能。但是，随着技术的不断进步，尤其是单页应用的普及，浏览器和超链接的跳转方式已经不能满足前端开发者的需求了。也正是基于此，各大框架纷纷给出了单页应用解决路由跳转的方案，Vue也是如此。Vue框架的兼容性非常好，可以很好的和其他第三方的路由框架进行结合。当然，官方也给出了路由方案：Vue-router。所以，建议大家还是用官方给出的
小李本人·2017-08-09 21:09
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他