vue element 中怎么做回显 点击后弹出Dialog

浪子回头金不还
  • 36

image.png

这个数据已经做了动态展示遍历
那么这个列表项有n个按钮,每个按钮点击查看后显示当前列表项中的数据并且天厨Dialog框

回复
阅读 5.6k
6 个回答
✓ 已被采纳

把row整体传递进去。然后出发一个confirm,然后使用被。
https://element.eleme.cn/#/zh...

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { 
    confirmButtonText: '确定', 
    cancelButtonText: '取消', 
    type: 'warning' 
})
.then(() => { this.$message({ type: 'success', message: '删除成功!' }); })
.catch(() => { this.$message({ type: 'info', message: '已取消删除' }); });

放这一列加<template slot-scope="scope"></template>然后按钮放里面,然后scope.row.id就可以取到当前行id

<el-dialog></el-dialog> 
//用elementUI的dialog组件,把row数据传到dialog里面赋值,dialog关闭或打开的时候调用dialog的关闭或打开事件初始化dialog里面的数据
<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button @click="handlClick(scope.row)">按钮</el-button>
  </template>
</el-table-column>
...
<script>
...
    methods: {
      handleClick(row) {
        // 这里row 就是表格每一行的数据 做一些处理就行了
      }
    }
</script>

1、 如果是点击查看,肯定要写dialog弹窗的,不然你查看怎么看?总得有个载体吧
2、 scope.row可以获取当前行的数据 ,把当前行的数据塞到弹窗里就行了

宣传栏