element-ui点击按钮显示form表单

以下是使用element-ui实现点击按钮显示form表单的示例代码：

<template>
  <div>
    <el-button @click="showForm">显示表单</el-button>
    <el-form v-if="isFormVisible" class="customer-form">
      <!-- 表单内容 -->
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isFormVisible: false
    };
  },
  methods: {
    showForm() {
      this.isFormVisible = true;
    }
  }
};
</script>

<style lang="scss">
.customer-form {
  height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
</style>

在上述代码中，我们使用了`el-button`组件来创建一个按钮，并通过`@click`事件监听按钮的点击事件。当按钮被点击时，`showForm`方法会被调用，将`isFormVisible`属性设置为`true`，从而显示表单。

在模板中，我们使用了`v-if`指令来判断是否显示表单。当`isFormVisible`为`true`时，表单会被渲染出来。

此外，我们还在样式中添加了`.customer-form`类来设置表单的样式，包括高度、滚动条等。