基于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库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
Bootstrap每天必学之媒体对象
Nov 30 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
探索webpack模块及webpack3新特性
Sep 18 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
关于小程序优化的一些建议(小结)
Dec 10 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网页游戏学习之Xnova(ogame)源码解读(八)
2014/06/23 PHP
php+mysqli事务控制实现银行转账实例
2015/01/29 PHP
开启PHP Static 关键字之旅模式
2015/11/13 PHP
php 可变函数使用小结
2018/06/12 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
python将文本转换成图片输出的方法
2015/04/28 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
python中altair可视化库实例用法
2021/01/26 Python
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
教师简历自我评价
2014/02/03 职场文书
爱国演讲稿500字
2014/05/04 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
中队活动总结
2014/08/27 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书