路由跳转

Vue 单页应用 动态修改页面 title

元信息来实现：routes:[{name:'home',path:'/home/:openname',component:Home,meta:{title:'首页'}}]添加完meta信息后，还需要在路由跳转后的回调中获取当前页的
KDDA·2018-03-23 11:12

使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能

路由跳转前做一些验证，比如登录验证（未登录去登录页），是网站中的普遍需求。对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。
latency_cheng·2018-03-22 15:10

react-router4.2使用js控制路由跳转的3种方式

一、背景在很多情况下，我们需要用js来控制页面的路由切换，而不是通过Link标签这种方式，比如有这样一个场景，用户要登陆一个网站才能看到网站里面的内容，登录接口是一个独立的子页面，登陆成功后，才能进入网站浏览相关内容，使用react做SPA时就需要做路由的切换。二、react-router4.2在网上随处可见react-router入门使用方式，通过链接绑定组件实现跳转，或者绑定hashHisto
懒懒的技术宅·2018-03-22 00:00

Vue用户进行页面切换(路由跳转)时，动态改变路由的动画(transition效果)

当我们在使用Vue-Router时，为了用户有更好的视觉效果及体验，我们通常需要实现基于路由的动态过渡效果github:https://github.com/Rise-Devin/FullStack-Product-Transport-User在Vue中,是基本的动态组件，所以我们可以用组件给它添加一些过渡效果：不了解组件效果的同学可以先看一下的功能介绍：https://cn.vuejs.org/
AwesomeDevin·2018-03-19 11:05

Vue用户进行页面切换(路由跳转)时，动态改变路由的动画(transition效果)

当我们在使用Vue-Router时，为了用户有更好的视觉效果及体验，我们通常需要实现基于路由的动态过渡效果github:https://github.com/Rise-Devin/FullStack-Product-Transport-User在Vue中,是基本的动态组件，所以我们可以用组件给它添加一些过渡效果：不了解组件效果的同学可以先看一下的功能介绍：https://cn.vuejs.org/
AwesomeDevin·2018-03-19 11:05

vue实现提示保存后退出的方法

用户如果点击“确定”，那么不保存当前内容直接退出，用户如果点击“取消”，则取消本次路由跳转，继续留在原来的页面。
小迪的博客·2018-03-15 11:04

vue2.0模拟锚点的实例

在vue项目中，因为采用路由跳转，会导致无法使用常规的a标签配合ID的锚点功能。解决办法：灰啊灰啊我的骄傲放纵methods:{goAnchor(selector){varanchor=this.
亲爱的混蛋·2018-03-14 10:20

Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解

正向传值Ionic3.x主要有2种标签上直接跳转Js跳转1)标签上直接跳转Ionic3.x对Angular2以上的的路由进一步封装,路由跳转主要是由模块NavController来完成的,传递参数主要是由模块
前端小智·2018-03-13 09:17

dva路由跳转

在dva中我们要想实现路由跳转，可以使用官方提供的一个叫做routerRedux的包来实现，用法如下面import{routerRedux}from'dva/router'dispatch(routerRedux.push
EDB·2018-03-10 17:04

vue使用小结

——路由跳转：router-link:面试时问过好多这个问题，组件和router-li
蓝天海礁·2018-03-10 00:00

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

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

vuex实现登录状态的存储,未登录状态不允许浏览的方法

基础思路就是使用vuex状态管理来存储登录状态(其实就是存一个值，例如token)，然后在路由跳转前进行登录状态的判断，可以使用vue-router的全局前置守卫beforeEach，也可以使用路由独享的守卫
FarmanKKK·2018-03-09 09:04

Angular 利用路由跳转到指定页面的指定位置

之前做过页面内的跳转，比较简单，最近项目需要实现跨页面跳转，并跳转到指定地点，试了很多方法，有用到传递参数然后让页面滚动相应的距离，但是一旦文章长短发生变化，滚动的距离也需要重新计算，比较麻烦，所以最后总结出这两种比较靠谱的方法，只需要在需要跳转的地方加上合适的id就行，原理和单页面内跳转相似。detail.component.htmlYou'llseewhichpaymentmethodsare
Tvibe·2018-03-07 15:19

dva 框架介绍

dva是基于redux最佳实践实现的framework，简化使用redux和redux-saga时很多繁杂的操作数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过
子墨_·2018-02-28 23:32

dva 框架介绍

dva是基于redux最佳实践实现的framework，简化使用redux和redux-saga时很多繁杂的操作数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过
子墨_guo·2018-02-28 15:32

Vue之watch路由跳转

可能应用的场景：比如我当前是个介绍新闻资讯的页面，它的子路由是点击某条新闻跳转到的详情组件，实现思路倒很简单：主路由的新闻列表写在一个div里，并给该div一个v-if=”news”，当监测到路由处于新闻资讯的主路由就让news等于true，即显示。如果不在主路由（比如跳转去子路由详情页面）则为false，如下：router.js：{path:'/new',name:'new',component
昔有木如盖·2018-02-09 18:30

笔记

一月第一周20180102搭建vue环境，查看官网页面及功能20180103查看官网页面及功能20180104路由使用路由跳转不同页面20180105引用elementUI做了首页顶部导航和轮播图一月第二周
花开有声是我·2018-01-10 14:15

基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

github.czero.cn/fancy点击下载安卓apk安装包源码地址:github.com/czero1995/f…项目主架构使用的库vue-cli(vue+webpack脚手架)vue-router(路由跳转
rickchen·2018-01-09 16:32

react-router v4如何使用history控制路由跳转详解

前言距离ReactRouterv4正式发布也已经挺久了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同时维护2.x和4.x两个版本。（�d(｡ꏿ�nꏿ)ﾉﾞ咦，此刻相信机智如我的你也会发现，ReactRouterv3去哪儿了？整丢了？？巴拉出锅了？？？敢不敢给我个完美的解释！？）事实上3.x版本相比于2.x并
Just_do·2018-01-09 08:40

按钮点击路由跳转

现在外面导入Router模块import{Router}from'@angular/router';exportclassDemo04ComponentimplementsOnInit{constructor(privaterouter:Router){}//定义一个跳转的方法//routernavigateByUrl(path)jump(){this.router.navigateByUrl("
王善良_·2018-01-05 15:08

react-router JS 控制路由跳转

第一种方法是使用browserHistory.pushimport{browserHistory}from'react-router'//...handleSubmit(event){event.preventDefault()constuserName=event.target.elements[0].valueconstrepo=event.target.elements[1].valueco
hi_马后炮·2018-01-04 10:40

vue.js vue-router如何实现无效路由(404)的友好提示

前言大家都知道对于单页应用，官方提供了vue-router进行路由跳转的处理，而最近在做一个基于vue-router的SPA，想对无效路由(404)页面做下统一处理。
JasonScript·2017-12-20 09:24

原生php实现页面路由的笔记

首先从一个最简单的项目开始，假设这个最简单的项目拥有一个项目所需的基本目录如下图：目录结构demonstration:总的项目文件夹；route:演示本文章路由功能的项目文件夹，实际是从本文件夹开始的；page:路由跳转页面的文件夹
yinminqian·2017-12-13 21:33

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

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

Vue 项目（HTML5 History 模式） 部署服务器

相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。
雷波_viho·2017-12-07 10:28

react-router实现路由跳转

0.前言学习react是一条漫长的路，但是只要我们坚持下去，再远的路也可以走到尽头。好，好，好，难喝的一碗鸡汤！！！哈哈，其实，我就是想说，react的东西太多了，可能我们学会的只是一个边边角角，所以还要不断的学习！！！timg.jpeg1.简介react-router它通过管理URL，实现组件的切换和状态的变化，在开发复杂的应用的时候几乎肯定会用的到。2.怎么用react-router实现路由跳
旧丶时候·2017-12-06 15:01

Vue 项目部署到服务器的问题解决方法

相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。
雷波_viho·2017-12-05 09:16

android中通过浏览器启动native界面

Tomact服务，然后手机连接打开网页device-2016-11-24-104839.png2，然后我们点击此连接打开native界面device-2016-11-24-105035.png3.我们看下代码路由跳转启动
Lazy1·2017-12-04 16:43

【Angular】路由跳转(代码跳转)

【WHAT】在Angular中，路由的作用就是建立URL路径和组件（页面，因为页面就是由组件构成）之间的对应关系，根据不同的URL路径匹配出相应的组件并渲染。【HOW】1.定义路由配置2.创建根路由模块3.添加路由插座(以上是基本且必须的三个步骤)【示例：(文件如下)】1.在app.routes定义路由,主要设置有:设置启动的第一个路由定义要在根目录下启动所有子路由exportconstAppRo
王如霜·2017-11-27 08:56

Vue2.0实现路由

Vue2.0和1.0实现路由的方法有差别，现在我用Vue2.0实现路由跳转，话不多说，直接上代码HTML代码商品评论商家main.js代码importVuefrom'vue'importVueRouterfrom'vue-router'importAppfrom
web前端yxw·2017-11-19 21:00

vue2 router 动态传参,多个参数的实例

这个是用vue-cli生成的项目下使用比如有个路由跳转时需要带两个参数：查看可以这样写：查看然后去router.js中处理这个路由：importVuefrom'vue'importRouterfrom'vue-router'importtrfrom
liuhongyi0104·2017-11-10 09:56

vue2+el-menu实现路由跳转及当前项的设置方法实例

Vue.js是什么Vue.js(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。好了，下面通过本文给大家介绍vue2+el-menu实现路由
iulyf·2017-11-07 08:03

vue2+el-menu实现路由跳转及当前项的设置

用户信息账号信息修改密码公司信息用户管理添加/编辑用户1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击
iulyf·2017-11-06 17:31

Vue利用路由钩子token过期后跳转到登录页的实例

其中next有三个方法(1)next();//默认路由(2)next(false);//阻止路由跳转(3)next({path:'/'});//阻止默认路
HaiJing1995·2017-10-26 10:50

angular 未登录状态拦截路由跳转

使用angularjs的但页面应用时，由于是本地路由在控制页面跳转，但是有的时候我们需要判断用户是否登录来判断用户是否能进入界面。angularjs是mvc架构所以实现起来很容易也很灵活，我们只MainController里增加一个路由事件侦听并判断，这样就可以避免未登录用户直接输入路由地址来跳转到登录界面地址了。第一步：定义myappvarmyapp=angular.module("MainCo
LLDD。·2017-10-11 16:12

angular2 router中的路由跳转navigate

navigate是Router类的一个方法，主要用来跳转路由。函数定义：navigate(commands:any[],extras?:NavigationExtras):Promise``1interfaceNavigationExtras{relativeTo:ActivatedRoutequeryParams:Paramsfragment:stringpreserveQueryParams:
网虫1325·2017-09-29 09:54

基于vuejs的博客界面

vue2.0vuex2.0vue-cli脚手架一个简单的博客界面，主要是简单的路由跳转界面和其他一些vue的基本操作。vue和其他插件及脚手架的安装方法很多大牛已经分享了很多，所以这里就不讲这些安装。
写bug的小公举·2017-09-28 16:38

javascript一个简单的路由跳转

这是一个简单的路由跳转，希望对你有所帮助下面的连接中有复杂的路由跳转        Title        CHINACHINA1CHINA2CHINA311111    var app = angular.module
txytxyt·2017-09-21 17:23

JS路由跳转的简单实现代码

这是一个简单的路由跳转，希望对你有所帮助下面的连接中有复杂的路由跳转TitleCHINACHINA1CHINA2CHINA311111varapp=angular.module("MyApp",["ngRoute
Myworldlet·2017-09-21 11:14

简单的js路由跳转

这是一个简单的路由跳转，希望对你有所帮助下面的连接中有复杂的路由跳转TitleCHINACHINA1CHINA2CHINA311111varapp=angular.module("MyApp",["ngRoute
Myworldlet·2017-09-21 10:48

详解Vue中一种简易路由传参办法

并且点击会根据路由跳转到B页面。而跳转到B页面后，我需要A中的item。toOther(to,run){if(this.$route.path!
肖恩的球·2017-09-15 14:25

vue用addRoutes实现动态路由的示例

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vue实例，代价是登录页需要从
雅X共赏·2017-09-15 09:07

react-router v4 使用 history 控制路由跳转

我们使用browserHistory.push()等等方法操作路由跳转。类似下面这样i
Just_do·2017-09-12 00:00

react中使用Link在不同路由之间进行参数传值

import{Link}from'react-router'12.通过Linkto设置路由跳转地址，以及需要传递的参数对象，注意，此处to中所携带的路由和参数也是一个对象。
MissTwo_·2017-09-07 16:16

ElementUI之表单验证、数据绑定、路由跳转

1.新建表单组件el-form.vue提交.form{margin-top:20px;}exportdefault{created(){this.UserForm=this.$store.state.userinfo.UserForm;},beforeDestory(){this.$store.state.userinfo.UserForm=this.UserForm;},data(){retur
LabRaDor2079·2017-09-05 11:36

vue学习笔记4——route，路由跳转等

vue学习笔记4——route之前学习笔记补充：注意渲染和其他标签的先后顺序/**下面是新的内容了***/疑问：参照网易云音乐进入ip为music.163.com的页面（网易云的官网）点击一些功能按键，网页的头部和一些位置是没有变化的按F12打开控制台之后，开一查看到每次切换的时候，里面有一个div中的iframe在变换。其余的就是地址栏上的路由在切换了而且，在可库体验上没有明显的页面跳转时的刷新
aeoliancrazy·2017-09-04 21:50

用addRoutes实现动态路由

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vue实例，代价是登录页需要从
tower1229·2017-09-04 08:00

用addRoutes实现动态路由

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vue实例，代价是登录页需要从
tower1229·2017-09-04 08:00

Android路由跳转－ARouter框架

相关基础可查阅Android路由跳转－基础ARouter框架图框架图APT注解编译时使用APT技术处理@Router/@Interceptor/@Autowire三个注解流程图Activity跳转流程流程图
partoftom·2017-09-02 17:13

angular4 如何在全局设置路由跳转动画的方法

最近用angular4写项目需要为每次路由跳转增加动画，看了一下官方文档，虽然可以实现，但是要每个组件都引入一次animations，比较麻烦，找网上也查阅了很多资料，但是都没找到适用的方法，最后自己写了一种方法如下
陈俊翰·2017-08-30 09:39
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他