当前位置: 首页 > 知识库问答 >
问题:

前端 - 实现表格中点击某个数据就会实现弹窗且是嵌套的?

张腾
2023-07-31
 <el-table :data="tables.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border stripe>        <el-table-column type="index" label="#"></el-table-column>        <el-table-column v-for="(item, index) in columnList" :key="index" :prop="item.prop" :label="item.label">          <template slot-scope="scope">            <el-button type="text" @click="showDialogTableVisibleEmbed(scope.row)">{{ scope.row.item.label            }}</el-button>          </template>        </el-table-column>      </el-table>

这么写表格数据直接就获取不到了

共有1个答案

华景同
2023-07-31
<el-table :data="tables.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border stripe>  <el-table-column type="index" label="#"></el-table-column>  <el-table-column v-for="(item, index) in columnList" :key="index" :prop="item.prop" :label="item.label">    <template slot-scope="scope">      <el-button type="text" @click="showDialogTableVisibleEmbed(scope.row)">{{ scope.row[item.prop] }}</el-button>    </template>  </el-table-column></el-table>

showDialogTableVisibleEmbed方法:

methods: {  showDialogTableVisibleEmbed(row) {       console.log(row);  // 行数据  }}
 类似资料:
  • 我根据上面代码,在点击保存按钮,save()内,调用GetSerID()函数来初始化列表来达到列表数据更新,但是没反应?麻烦各位大佬们帮忙看看,谢谢~

  • 在vue中,如何实现点击表头任意位置就能实现表格全屏效果

  • 使用element弹窗嵌套表格,触发弹窗打开事件后,控制台打印调用了嵌套表格获取数据的方法10次(10次不知道根据什么循环出来的),并且关闭弹窗的时候又调用了嵌套表格获取数据的方法10次。在关闭的时候,弹窗还会在调用一变嵌套组件,并数据缓存给下一个嵌套表格,只有二次点击才会获取拿到对应数据 弹窗嵌套: 在表格外部的弹窗 触发点击事件给嵌套组件传值并打开弹窗: 在引用组件内给表格赋值: 弹窗关闭动画

  • 本文向大家介绍java实现点击按钮事件弹出子窗口,包括了java实现点击按钮事件弹出子窗口的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了java实现点击按钮事件弹出子窗口的具体代码,供大家参考,具体内容如下 要求: 1、在父窗口中添加一个按钮 2、点击按钮弹出子窗口 注意:这是JDK1.7版本 在JDK1.7之前,JFrame是不能直接添加子窗口的,要先将JInternalFram

  • 本文向大家介绍JavaScript实现表格点击排序的方法,包括了JavaScript实现表格点击排序的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现表格点击排序的方法。分享给大家供大家参考。具体分析如下: 这里实现基于JS的表格点击排序效果,可以根据表格内的数据大小自动按顺序排列,股票网站常会见到这种功能。 希望本文所述对大家的javascript程序设计有所

  • 本文向大家介绍基于JavaScript实现图片点击弹出窗口而不是保存,包括了基于JavaScript实现图片点击弹出窗口而不是保存的使用技巧和注意事项,需要的朋友参考一下 一直想给安装一个缩略图点击弹出的插件,但是找了找几乎都是用的php来做的,插件的使用和安装极其繁琐,于是上网查了些demo,自己实现了一个纯js的图片弹出插件。 实现的思路是通过编写hook图片的onclick事件的函数,在函数