时间:2021-05-18
1、在data数组里边添加id(说明:我的是虚拟数据)
2、在点击事件上传入id参数,如下:
3、在methods里边添加点击跳转的方法,不要忘记在function后边的括号内传入id,然后判断如果id==1,就跳转那个页面,id==2跳转那个页面。
至此跳转完成。
附加:
点击返回上一页方法:
window.history.go(-1);就是返回上一页。(不要忘记在标签上添加click点击事件)
returnS:function () { window.history.go(-1);}以上这篇基于vue循环列表时点击跳转页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
代码如下所示:vue中使用v-for循环列表序号书名作者{{index+1}}{{book.title}}{{book.author}}循环对象{{key}}:
vue跳转不同页面的多种方法1:router-link跳转点击跳转2点击跳转1点击跳转32:this.$router.push()点击跳转4exportdefa
我们在写代码的过程中,会经常使用到for循环,去循环列表,那么如果我们拿到一个类型为str的列表,对它进行for循环,结果看下面的代码和图:str_list=s
微信小程序实现给循环列表添加点击样式实例微信小程序有个属性hover-class='active',是指当点击列表元素时当按下鼠标左键会显示active样式,但
本文实例讲述了C++双向循环列表用法。分享给大家供大家参考。具体如下:#includeusingnamespacestd;//结构体构造链表