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

Question

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

Answer 1

把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: '已取消删除' }); });

Answer 2

https://element.eleme.cn/#/zh...
dialog不是有个参数嘛
visible
是否显示 Dialog，支持 .sync 修饰符
然后scope.row把该行数据传入

Answer 3

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

Answer 4

<el-dialog></el-dialog> 
//用elementUI的dialog组件，把row数据传到dialog里面赋值，dialog关闭或打开的时候调用dialog的关闭或打开事件初始化dialog里面的数据

Answer 5

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

Answer 6

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