vue+element ui +axios点击列表页列表跳转指定id详情页并进行数据渲染(纯前端)

2023-11-12

目录

一、思路

二、实现

一、思路

在列表页获取到所点击的list的id后,将这个id与路由绑定起来,进行跳转、渲染。

不过这个方法有个bug,就是当列表使用的不是<v-for>而是<el-table>时,跳转不起效。(跳转能绑定的模块在点击时,该列表还未获得数据,因此无法获取id)

二、实现

前端

由于<el-table>列表本身无法获取id,所以给每个列表绑定了一个<el-button>

列表页

        <el-table-column prop="todetails">
        <template slot-scope="scope">
          <el-button @click="todetails(scope.row.id)">查看</el-b
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue+element ui +axios点击列表页列表跳转指定id详情页并进行数据渲染(纯前端) 的相关文章

随机推荐

  • 面向对象程序设计 第一次作业 记录

    Date类的定义及使用 题目描述 定义一个Date类 该类有year month和day三个私有成员 用于存储日期的年 月和日信息 为该类定义默认构造函数 带参的构造函数 复制构造函数和读写数据成员的函数setDate和showDate 其
  • macOS 13 Ventura系统自动开机在哪设置?

    macOS 13如何设置自动开关机 Mac电脑可以设置一个自动开机时间来让电脑自动启动 Mac设置自动开关机的方法教程 macOS13系统正式版已经发布了一段时间 不知道大家有没有升级到macOS 13 Ventura最新系统呢 在 mac
  • GitBook, Git + Markdown 快速发布你的书籍

    本文转载至 http leeluolee github io 2014 07 22 2014 07 22 gitbook guide gitbook是一个用于发布个人书籍的平台 类似于国外著名的LeanPub 其中一个很大的特点是它利用gi
  • Mac OS X 打开自动播放

    本文转载至 http www defaults write com quicktime player x enable auto play feature Quicktime Player X 默认情况下是不会自动播放了 可以通过下面的命令
  • 刘二PyTorch深度学习(五)——Logistic Regression

    1 分类问题的输出其实是一个概率 2 二分类 只有两个分类的问题 0和1 3 饱和函数 导函数图像类似于正态分布 x越接近0 图像斜率越大 离0越远 斜率越小 当超过某一阈值时 导数值越来越小 最后趋近于0 4 Logistic函数 西格玛
  • nodejs中间件

    内置中间件 express中内置的中间件 中间件本质是一个函数 json json是处理json请求的 获取参数 req body app use express json 测试json是否成功的步骤 1 在postman发起请求 2 po
  • 智能运维发展史及核心技术研究

    作者介绍陈林博 工学博士 毕业于同济大学计算机系统结构专业 目前从事基础技术框架研发 云计算研究与应用 智能运维研究与应用等工作 何支军 工程硕士 毕业于复旦大学微电子专业 现任中国结算上海分公司技术开发部总监 长期从事登记结算技术系统的建
  • 【漏洞复现】CVE-2023-25157 GeoServer OGC Filter SQL注入漏洞

    启动环境 查看端口号 访问http your ip 8080 geoserver即可查看到GeoServer的首页 在利用漏洞前 需要目标服务器中存在类型是PostGIS的数据空间 datastore 和工作空间 workspace 在Vu
  • Cloneable接口的作用与深入理解深度克隆与浅度克隆

    cloneable接口的作用 cloneable其实就是一个标记接口 只有实现这个接口后 然后在类中重写Object中的clone方法 然后通过类调用clone方法才能克隆成功 如果不实现这个接口 则会抛出CloneNotSupported
  • Java后台以树形结构返回省市区三级区域信息

    欢迎访问个人博客德鲁大叔撸代码 在前台页面很常见的一种需求是 以树形结构展示具有层级关系的数据 比如企业的部门信息 大部分管理系统的菜单 省市区信息等等 具体如下图所示 一 表创建以及数据导入 执行下面创建表sql 创建sys region
  • Unity 电脑仿真装机演示项目

    2021 6 9更新 设计方案 三个场景 1 主场景附带两个跳转按钮 能跳转到理论学习和实战装机 2 理论学习场景展示每个部件的说明以及模型细节 可旋转缩放查看 3 实战装机场景用于演示装机过程 通过拖动部件到合适的位置达到组装目的 关键细
  • 【习题七】【数据库原理】

    文章目录 一 单选题 二 填空题 一 单选题 1 在SQL Server 中不是对象的是 A 用户 B 数据 C 表 D 数据类型 答案 B 2 声明了变量 DECLARE i int c char 4 现在为 i赋值10 为 c赋值 ab
  • 无线路由器及Wi-Fi组网指南(史上最全)

    白驹过隙 逝者如斯 经过断断续续几个月的更新 关于无线路由器和Wi Fi的介绍终于告一段落 其实 这个话题下还有很多很多的内容没有涉及到 然生有涯而知无涯 只能在此暂且搁笔 后续缘起再续 下面 正文开始 1 什么是无线路由器 在5 时代 手
  • chromium源码编译android平台动态库

    chromium源码编译 参考博客 https www jianshu com p 5fce18cbe016 拜祭一下祖先和各路神仙 还有上帝 毕竟代码是在他的地盘 一定一定要保证网路是通畅的 不能出现中断 环境配置 本身编译环境Ubunt
  • 基于PLL锁相环的FPGA内核IP的使用以及配置笔记

    基于PLL锁相环的FPGA内核IP的使用以及配置笔记 IP核作为FPGA快速开发的法宝 简单理解就是将常用的且比较复杂的功能模块设计成参数可修改的电路功能模块 在quartus 最新版 tool IP Catalog中有许多的IP内核可以供
  • textarea kindeditor高度自适应

  • 软件工程毕业设计选题100例(八)

    文章目录 前言 题目1 基于SSM的在线教学视频点播系统 br 题目2 基于SSM的考研信息查询系统 br 题目3 基于SSM与垃圾分类的信息管理系统 br 题目4 基于SSM的留学生交流平台系统 br 题目5 基于SSM的企业销售培训系统
  • Cookie、Session、Token、JWT 之间的区别

    一 前言 认证 Authentication 通俗地讲就是验证当前用户的身份 互联网中的认证 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱 验证码 就默认你是账号的主人 授权 Authorization 用户授予第三
  • 人工智能基础教育范围

    当前世界文明正处于从网络时代迈向智慧时代的转型过程中 人工智能对我们的生产 生活 学习方式的影响日渐深入 格物斯坦表示即便是行业人士 也是看得眼花缭乱 未来 谁主宰人工智能的核心 谁将引领时代的潮流 要培养智能时代的合格公民 人工智能教育普
  • vue+element ui +axios点击列表页列表跳转指定id详情页并进行数据渲染(纯前端)

    目录 一 思路 二 实现 一 思路 在列表页获取到所点击的list的id后 将这个id与路由绑定起来 进行跳转 渲染 不过这个方法有个bug 就是当列表使用的不是