基于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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
vue v-on监听事件详解
May 17 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
深入理解node.js http模块
Jan 24 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
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 多维数组排序(usort,uasort)
2010/06/30 PHP
php开发过程中关于继承的使用方法分享
2011/06/17 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
php中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
dedecms中使用php语句指南
2014/11/13 PHP
Java中final关键字详解
2015/08/10 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
Thinkphp3.2.3整合phpqrcode生成带logo的二维码
2016/07/21 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
2010/10/26 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
理解Javascript闭包
2013/11/01 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
js实现烟花特效
2020/03/02 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
Python使用googletrans报错的解决方法
2018/09/25 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
使用keras实现BiLSTM+CNN+CRF文字标记NER
2020/06/29 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
环保倡议书100字
2014/05/15 职场文书
建筑管理专业求职信
2014/07/28 职场文书
贫困生证明范文
2015/06/16 职场文书