vue框架点击某行记录显示其详细信息

最新推荐文章于 2024-04-07 09:29:19 发布

三宝鸭

最新推荐文章于 2024-04-07 09:29:19 发布

阅读量3.6k

点赞数 2

分类专栏：对接文章标签： vue 页面传参

本文链接：https://blog.csdn.net/qq_43542074/article/details/100537626

版权

该博客介绍了如何在Vue框架下，通过点击表格行传递记录ID至详情页面，实现显示详细信息的功能。主要涉及页面间参数传递及详情组件的数据获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要求的效果：

点击某行记录（cell组件）后，显示这条记录的详细信息。

在这里插入图片描述

  <!-- 通知部分 -->
<van-panel title="通知公告"  class="marginTop8">
  <div slot="header" class="van-cell van-panel__header ">
    <div class="van-cell__title">
      <span style="font-size:14px;font-weight:bold;">通知公告</span>
    </div>
    <div class="van-cell__value van-panel__header-value ">
      <span  class="aaa" @click="notice">更多</span