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

作者站长头像
站长
· 阅读数 7
 <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个回答
avatar
test
2024-06-29
<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);  // 行数据
  }
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容