el-dialog footer 左对齐

el-dialog是Element UI中的一个组件，用于创建对话框。它包含一个footer属性，可以用来设置对话框底部的内容。要实现footer左对齐的效果，可以通过以下步骤进行操作：

1. 在el-dialog组件中添加footer属性，并设置为true，表示显示默认的底部按钮区域。

2. 在footer区域中添加自定义的内容，可以使用HTML标签或者其他Element UI组件。

3. 使用CSS样式将footer内容左对齐。可以通过给footer区域添加样式类或者直接在el-dialog组件上添加内联样式来实现。

下面是一个示例代码，演示如何实现el-dialog footer左对齐的效果：

<template>
  <el-dialog
    title="对话框标题"
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    :show-close="false"
    :footer="true"
  >
    <div class="dialog-footer-left">
      <!-- 自定义的左对齐内容 -->
      <el-button type="primary">确定</el-button>
      <el-button>取消</el-button>
    </div>
  </el-dialog>
</template>

<style>
.dialog-footer-left {
  text-align: left;
}
</style>

在上述代码中，我们给footer区域的父元素div添加了样式类"dialog-footer-left"，并设置其text-align属性为left，从而实现了左对齐的效果。