基于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 相关文章推荐
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
javascript操作referer详细解析
Mar 10 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
jQuery源码解读之removeClass()方法分析
Feb 20 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
Jun 08 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
openlayers实现地图测距测面
Sep 25 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 进程锁定问题分析研究
2009/11/24 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
解密效果
2006/06/23 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
Python random模块(获取随机数)常用方法和使用例子
2014/05/13 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
python创建学生成绩管理系统
2019/11/22 Python
Python实现不规则图形填充的思路
2020/02/02 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
新员工培训个人的自我评价
2013/10/09 职场文书
应届生高等护理求职信
2013/10/12 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
八达岭长城导游词
2015/01/30 职场文书
大学生个人学年总结
2015/02/15 职场文书
2016年班主任新年寄语
2015/08/18 职场文书
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL