基于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 相关文章推荐
Microsoft Ajax Minifier 压缩javascript的方法
Mar 05 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
jQuery实现文档树效果
Feb 20 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
Vue.directive 实现元素scroll逻辑复用
Nov 29 Javascript
vue使用video插件vue-video-player详解
Oct 23 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初学者头痛的十四个问题
2006/07/12 PHP
php中将一段数据存到一个txt文件中并显示其内容
2014/08/15 PHP
php连接oracle数据库及查询数据的方法
2014/12/29 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
javascript 事件处理程序介绍
2012/06/27 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
2016/07/12 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
vue操作动画的记录animate.css实例代码
2019/04/26 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
python生成器表达式和列表解析
2016/03/10 Python
Python线程指南详细介绍
2017/01/05 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
python地震数据可视化详解
2019/06/18 Python
为什么相对PHP黑python的更少
2020/06/21 Python
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
2014/06/16 HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
太阳镜仓库,售价20美元或更少:Sunglass Warehouse
2016/09/28 全球购物
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
酒店员工检讨书
2014/02/18 职场文书
服装设计专业求职信
2014/06/16 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
党员干部学习心得体会
2016/01/23 职场文书
建立共青团委员会的请示
2019/04/02 职场文书
Python使用sql语句对mysql数据库多条件模糊查询的思路详解
2021/04/12 Python
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android