基于vue循环列表时点击跳转页面的方法


Posted in Javascript onAugust 31, 2018

1、在data数组里边添加id(说明:我的是虚拟数据)

基于vue循环列表时点击跳转页面的方法

2、在点击事件上传入id参数,如下:

基于vue循环列表时点击跳转页面的方法

3、在methods里边添加点击跳转的方法,不要忘记在function后边的括号内传入id,然后判断如果id==1,就跳转那个页面,id==2跳转那个页面。

基于vue循环列表时点击跳转页面的方法

至此跳转完成。

附加:

点击返回上一页方法:

window.history.go(-1);就是返回上一页。(不要忘记在标签上添加click点击事件)

returnS:function () {
 window.history.go(-1);
}

以上这篇基于vue循环列表时点击跳转页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript json2 使用方法
Mar 16 Javascript
jquery 插件学习(三)
Aug 06 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
Feb 17 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
Vue CL3 配置路径别名详解
May 30 Javascript
JavaScript命令模式原理与用法实例详解
Mar 10 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
Aug 31 #Javascript
JS实现百度网盘任意文件强制下载功能
Aug 31 #Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 #Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
Aug 31 #Javascript
Angular 利用路由跳转到指定页面的指定位置方法
Aug 31 #Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 #Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 #Javascript
You might like
人族 Terran 基本策略
2020/03/14 星际争霸
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
JSON 编辑器实现代码
2009/12/06 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
在pycharm中显示python画的图方法
2019/08/31 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
django中的数据库迁移的实现
2020/03/16 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
MYSQL基础面试题
2012/05/13 面试题
计算机科学与技术应届生求职信
2013/11/07 职场文书
代理协议书
2014/04/22 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
小学德育工作总结2015
2015/05/12 职场文书
教师师德工作总结2015
2015/07/22 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
执行力心得体会范文
2016/01/11 职场文书
Java存储没有重复元素的数组
2022/04/29 Java/Android