美文网首页
项目第一天点击列表跳转到相应的详情

项目第一天点击列表跳转到相应的详情

作者: 蜗牛和曼巴 | 来源:发表于2018-10-18 21:17 被阅读0次

主要总结点击各个列表可以跳转到相应的列表详情中,其他的不总结
1.在相应的列表li标签中添加监听事件

@click='jumpTo('(item.id)')'

2.在

methods: {
    jumpTo (id) {
      // 使用name的方式跳转路由时,传递参数需要一个params字段,里面的key就是path定义参数的名字
      this.$router.push({name: 'NewsDetail', params: {id: id}})
    }
  }

相关文章

  • vue三种传参方法

    例子:点击项目列表页,跳转到项目详情列表页 方法一 点击列表页li元素跳转到详情页,并把项目id传给详情页,以便于...

  • 项目第一天点击列表跳转到相应的详情

    主要总结点击各个列表可以跳转到相应的列表详情中,其他的不总结1.在相应的列表li标签中添加监听事件 2.在

  • vue单页面实现返回不刷新

    前言:对于前端,都会遇到这么一个场景。例如列表页面,点击相应列表,进入详情页面,在详情页返回到列表页面时,需要返回...

  • vue-router打开新的tab页时,其内容是上一个tab页的

    一、问题场景描述 1:进入列表页,点击内容A详情,跳转到内容A详情页(this.$router.push(path...

  • webview下改变title无法生效

    今天遇到这么一种情况,hybrid列表页item点击后跳转到详情页,同时将详情id传到详情页,详情页发送ajax请...

  • 如何在uni-app正确使用web-view

    最近在开发个人的一个小项目的时候遇到一个问题,原因是有一个列表,在点击某一项的时候要跳转到详情,这个详情是一个外部...

  • yapi平台基本使用介绍

    主界面介绍 分组管理菜单 1、项目列表 展示分组内自己所在的项目,点击进入项目详情 2、成员列表 展示和管理分组内...

  • 2021-09-30 Android界面跳转并返回数据

    场景 Android界面A显示的是数据列表界面,点击界面中的一项时跳转到详情界面B。A跳转到B后A界面不销毁还在任...

  • 2020-09-28

    微信小程序点击按钮跳转到指定页面 首先这是一个仿微信页面的通讯录列表: 当点击页面右侧的字母栏时,页面将跳转到相应...

  • vue返回上一页面时回到原先滚动的位置

    项目结束,测试时发现在首页商品列表中,向上滑动几页后点击进入详情,从详情页面返回商品列表时,页面回到了最顶部,测试...

网友评论

      本文标题:项目第一天点击列表跳转到相应的详情

      本文链接:https://www.haomeiwen.com/subject/lquszftx.html