基于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 操作XML入门
Dec 25 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
Dec 04 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
实现非常简单的js双向数据绑定
Nov 06 Javascript
jQuery实现监控页面所有ajax请求的方法
Dec 10 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
js canvas实现五子棋小游戏
Jan 22 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/10/09 PHP
PHP无限分类(树形类)
2013/09/28 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
实例解析php的数据类型
2018/10/24 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
javascript语句中的CDATA标签的意义
2007/05/09 Javascript
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
浅谈Python中函数的参数传递
2016/06/21 Python
Python3 Random模块代码详解
2017/12/04 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
《理想的风筝》教学反思
2014/04/11 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
闪闪的红星观后感
2015/06/08 职场文书
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
Python办公自动化PPT批量转换操作
2021/09/15 Python