Avue中 弹窗按钮需要打开自定义表格 绑定事件userDiaLog中可以书写onLoad么

在 Avue 的 `userDialog` 组件中，可以使用 `open` 事件来打开自定义表格。通常情况下，我们需要在 `open` 事件中设置一个数据源，然后使用 `v-if` 或者 `v-show` 来控制表格的显示与隐藏。例如：

<template>
  <div>
    <button @click="openDialog">Open dialog</button>
    <AvueUserDialog
      ref="userDialog"
      :visible.sync="dialogVisible"
      @open="handleDialogOpen"
      @confirm="handleDialogConfirm"
      @cancel="handleDialogCancel"
    >
      <AvueEditTable v-if="tableVisible" :dataSource="tableData" />
    </AvueUserDialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      tableVisible: false,
      tableData: []
    }
  },
  methods: {
    openDialog() {
      this.dialogVisible = true
    },
    handleDialogOpen() {
      console.log('Dialog opened.')
      this.tableVisible = true
      // Set table data here
      this.tableData = [
        { name: 'Alice', age: 18 },
        { name: 'Bob', age: 20 },
        { name: 'Carol', age: 22 }
      ]
    },
    handleDialogConfirm() {
      console.log('Dialog confirmed.')
    },
    handleDialogCancel() {
      console.log('Dialog cancelled.')
    }
  }
}
</script>

在上面的示例中，我们使用 `v-if` 来控制表格的显示与隐藏。在 `handleDialogOpen` 方法中，我们设置 `tableVisible` 为 `true`，并设置表格的数据源 `tableData`。然后，当用户点击“确认”或“取消”按钮时，`handleDialogConfirm` 或 `handleDialogCancel` 方法将被调用。