vue el-button 点击怎么弹出一个表单

你可以在点击 `el-button` 的时候调用一个方法，在这个方法中使用 `el-dialog` 弹出一个表单。具体实现方法如下：

1. 在 `template` 中添加 `el-button` 和 `el-dialog` 组件

<template>
  <div>
    <el-button type="primary" @click="showFormDialog">弹出表单</el-button>
    <el-dialog :visible.sync="formDialogVisible" title="表单">
      <!-- 表单内容 -->
    </el-dialog>
  </div>
</template>

2. 在 `data` 中添加一个 `formDialogVisible` 属性，用于控制表单弹窗的显示和隐藏

export default {
  data() {
    return {
      formDialogVisible: false
    };
  },
  methods: {
    showFormDialog() {
      this.formDialogVisible = true;
    }
  }
};

3. 在 `el-dialog` 中添加表单内容

<template>
  <div>
    <el-button type="primary" @click="showFormDialog">弹出表单</el-button>
    <el-dialog :visible.sync="formDialogVisible" title="表单">
      <el-form>
        <el-form-item label="用户名">
          <el-input></el-input>
        </el-form-item>
        <el-form-item label="密码">
          <el-input type="password"></el-input>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

这样，当你点击 `el-button` 时，就会弹出一个带有表单的 `el-dialog` 弹窗。