基于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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
javascript下高性能字符串连接StringBuffer类
Aug 16 Javascript
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
jquery.idTabs 选项卡使用示例代码
Sep 03 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
javascript中的 object 和 function小结
Aug 14 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
uniapp 微信小程序 自定义tabBar 导航
Apr 22 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
PHP 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
php数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
PHP实现递归的三种方法
2020/07/04 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
原生javascript实现图片按钮切换
2015/01/12 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
vue中动态添加class类名的方法
2018/09/05 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
Python实现读取并保存文件的类
2017/05/11 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
使用Python构造hive insert语句说明
2020/06/06 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
python下载的库包存放路径
2020/07/27 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
python 合并多个excel中同名的sheet
2021/01/22 Python
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
保卫科工作岗位职责
2014/03/01 职场文书
中药学专业求职信
2014/05/31 职场文书
群众路线教育实践活动思想汇报(2014特荐篇)
2014/09/16 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
元宵节晚会主持词
2015/07/01 职场文书
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技