基于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 相关文章推荐
子页向父页传值示例
Nov 27 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
JavaScript面对国际化编程时的一些建议
Jun 24 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
Jul 07 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 Javascript
js代码实现轮播图
May 04 Javascript
vue路由分文件拆分管理详解
Aug 13 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仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
javascript &&和||运算法的另类使用技巧
2009/11/28 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python中单、双下划线的区别总结
2017/12/01 Python
Python利用递归实现文件的复制方法
2018/10/27 Python
python实现狄克斯特拉算法
2019/01/17 Python
Python 字符串处理特殊空格\xc2\xa0\t\n Non-breaking space
2020/02/23 Python
python实现猜单词游戏
2020/05/22 Python
python实现自动打卡的示例代码
2020/10/10 Python
Python爬取某平台短视频的方法
2021/02/08 Python
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
优秀志愿者事迹材料
2014/02/03 职场文书
计划生育证明书写要求
2014/09/17 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
如何Tomcat中使用ipv6地址
2022/05/06 Servers