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

  • Z时代
  • 2024-02-09
  • 分类：IT

 <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>

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

回答：

<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);  // 行数据
  }
}

以上是 实现表格中点击某个数据就会实现弹窗且是嵌套的？ 的全部内容， 来源链接： utcz.com/p/934677.html

回到顶部