vue 点击新建弹出一个表单

在 Vue 中，你可以通过点击按钮触发事件，然后在事件处理程序中弹出一个表单。以下是一个简单的示例：

首先，在你的 Vue 组件中，你需要定义一个 data 属性来控制表单的显示与隐藏。可以命名为 `showForm`，初始值设为 `false`。

data() {
  return {
    showForm: false
  }
}

然后，在模板中，你可以使用 `v-if` 指令来根据 `showForm` 的值来决定是否显示表单。当点击按钮时，你可以通过修改 `showForm` 的值为 `true` 来显示表单。

<template>
  <div>
    <button @click="showForm = true">新建</button>
    
    <form v-if="showForm">
      <!-- 表单内容 -->
    </form>
  </div>
</template>

最后，你需要在组件中定义一个方法来处理点击按钮的事件。可以命名为 `openForm`，在该方法中将 `showForm` 的值设置为 `true`。

methods: {
  openForm() {
    this.showForm = true;
  }
}

这样，当你点击按钮时，表单就会弹出显示出来了。你可以根据自己的需求来进一步扩展这个示例，例如添加关闭按钮、表单提交等功能。