网络编程 
首页 > 网络编程 > 浏览文章

基于vue循环列表时点击跳转页面的方法

(编辑:jimmy 日期: 2024/5/8 浏览:3 次 )

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循环列表时点击跳转页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:bootstrapTable+ajax加载数据 refresh更新数据
下一篇:Vue模拟数据,实现路由进入商品详情页面的示例
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网