element 的dialog 可以通过点击事件传参吗

可以。您可以使用JavaScript中的事件处理程序来获取所需的参数并将其传递给dialog。例如，您可以在点击事件处理程序中使用事件对象来获取所需的数据，并将其传递给dialog使用。以下是一个示例代码片段：

const dialog = document.querySelector('dialog');
const button = document.querySelector('button');

button.addEventListener('click', (event) => {
  const data = {
    title: 'Dialog Title',
    message: 'This is a message from the dialog'
  };
  
  dialog.showModal(data);
});

dialog.showModal = (data) => {
  dialog.querySelector('h2').textContent = data.title;
  dialog.querySelector('p').textContent = data.message;
  dialog.show();
};

在此示例中，当单击按钮时，会将数据对象传递给`showModal`方法。该方法会将数据对象中的标题和消息设置为dialog的标题和消息，并显示dialog。

相关问题

element-plus el-dialog before-close 事件传参

当 el-dialog 即将关闭时，可以通过 before-close 事件来传递参数。在触发关闭事件之前，可以在事件回调函数中设置一个参数，然后在关闭事件的处理函数中获取该参数。

例如：

<template>
  <el-dialog
    title="提示"
    :visible.sync="visible"
    :before-close="handleClose"
  >
    是否确定关闭？
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      message: '关闭提示',
    };
  },
  methods: {
    handleClose(done) {
      // 在 before-close 事件中设置一个参数
      done(this.message);
    },
    handleConfirm(message) {
      // 在关闭事件处理函数中获取参数
      console.log('关闭事件处理函数', message);
      this.visible = false;
    },
  },
};
</script>

在 before-close 事件的回调函数中，调用 done 函数并传递参数，该参数将作为关闭事件的处理函数的参数。在关闭事件处理函数中，可以获取该参数并进行相应的处理。

element 使用 dialog 可以通过点击事件 把 tables的 scope.row 传过去吗

可以。可以使用 $emit 或者 $parent.$emit 在点击事件中将 tables 的 scope.row 传递给 dialog 组件。在 dialog 组件中，可以监听该事件并接收传递过来的数据。具体实现可以参考以下代码：

在 tables 组件中：

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button @click="handleClick(scope.row)">编辑</el-button>
  </template>
</el-table-column>

methods: {
  handleClick(row) {
    this.$emit('edit', row);
  }
}

在 dialog 组件中：

<template>
  <el-dialog :visible.sync="dialogVisible">
    <el-form>
      <el-form-item label="姓名">
        <el-input v-model="currentRow.name"></el-input>
      </el-form-item>
      <el-form-item label="年龄">
        <el-input v-model="currentRow.age"></el-input>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      currentRow: {}
    }
  },
  mounted() {
    this.$parent.$on('edit', row => {
      this.dialogVisible = true;
      this.currentRow = row;
    });
  }
}
</script>