基于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面向对象编程
Mar 18 Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
为输入框加入数字js校验代码分享
Nov 02 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
JS判断数组四种实现方法详解
Jun 29 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
php中处理模拟rewrite 效果
2006/12/09 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
PHP用户管理中常用接口调用实例及解析(含源码)
2017/03/09 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
jquery下json数组的操作实现代码
2010/08/09 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
jQuery 实现扁平式小清新导航
2020/07/07 jQuery
用python写asp详细讲解
2013/12/16 Python
python实现图书管理系统
2018/03/12 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
python实现连连看游戏
2020/02/14 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
Python 操作 MySQL数据库
2020/09/18 Python
西尔斯百货官网:Sears
2016/09/06 全球购物
Yves Rocher捷克官方网站:植物化妆品的创造者
2019/07/31 全球购物
五十岁生日宴会答谢词
2014/01/15 职场文书
骨干教师培训方案
2014/05/06 职场文书
安全标语口号
2014/06/09 职场文书
中职三好学生事迹材料
2014/08/24 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
一条 SQL 语句执行过程
2022/03/17 MySQL