element怎么做带按钮的弹窗并在弹窗里输出数据代码

你可以使用 Element UI 的 Dialog 组件来实现带按钮的弹窗，然后在弹窗中使用 Form 组件来输出数据。以下是示例代码：

<template>
  <div>
    <el-button @click="showDialog">打开弹窗</el-button>
    <el-dialog :visible.sync="dialogVisible" title="弹窗标题">
      <el-form :model="form" label-position="top">
        <el-form-item label="输入框1">
          <el-input v-model="form.input1"></el-input>
        </el-form-item>
        <el-form-item label="输入框2">
          <el-input v-model="form.input2"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button @click="submitForm">提交</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      form: {
        input1: '',
        input2: ''
      }
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    },
    submitForm() {
      // 这里可以处理表单提交逻辑
      console.log(this.form)
      // 关闭弹窗
      this.dialogVisible = false
    }
  }
}
</script>

以上代码中，点击按钮后会打开一个带有表单和提交按钮的弹窗，用户可以在弹窗中输入数据并提交。当用户点击提交按钮后，会触发 submitForm 方法，可以在方法中处理表单提交的逻辑。