运用element为一个按钮添加表单提交弹窗

好的，为您解答。使用element框架可以通过以下方式为按钮添加表单提交弹窗：先在html中定义一个含有form表单的弹窗，然后在javascript中添加点击按钮触发弹窗的函数，最后在按钮的onclick事件中绑定该函数即可。

具体代码示例如下：

HTML部分：

<template>
  <div>
    <el-button type="primary" @click="showFormDialog()">添加</el-button>
    <el-dialog
      title="添加表单"
      :visible.sync="dialogVisible"
    >
      <el-form ref="form" :model="formData">
        <el-form-item label="名称" prop="name">
          <el-input v-model="formData.name"></el-input>
        </el-form-item>
        <el-form-item label="类型" prop="type">
          <el-input v-model="formData.type"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm()">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

JavaScript部分：

<script>
export default {
  data() {
    return {
      dialogVisible: false, // 控制弹窗是否显示
      formData: {
        name: '',
        type: '',
      },
    };
  },
  methods: {
    showFormDialog() {
      this.dialogVisible = true; // 点击按钮显示弹窗
    },
    submitForm() {
      // 执行表单提交操作，此处省略具体实现
      this.dialogVisible = false;
    },
  },
};
</script>

希望这个回答对您有帮助。如果您还有其他问题或者需要更多帮助，请随时提出。