Vue Element UI dialog组件 点击确认时调用其他方法以及组件如何调整

对于Vue Element UI的dialog组件，可以通过给确认按钮绑定一个方法，来实现点击确认时调用其他方法的功能。例如：

<template>
  <div>
    <el-button @click="showDialog">打开对话框</el-button>
    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
      :show-close="false"
    >
      <span>确定要执行吗？</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary" @click="handleConfirm">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
    handleConfirm() {
      // 在这里调用其他方法
      console.log('执行其他方法');
      // 关闭对话框
      this.dialogVisible = false;
    }
  }
};
</script>

上面的代码中，给确认按钮绑定了一个名为`handleConfirm`的方法，当用户点击确认按钮时，会调用`handleConfirm`方法。在`handleConfirm`方法中，可以调用其他方法来实现需要的功能。

至于组件如何调整，具体要看你的需求。如果是需要调整dialog组件的样式和布局，可以通过修改Element UI的样式文件来实现。如果是需要添加其他功能，可以在组件的methods选项中添加对应的方法。如果是需要修改组件的props属性，可以在组件的props选项中进行修改。总之，要根据具体的需求来进行调整。