如何使用vuejs在下拉列表中选择项目后显示表单

data() {
  return {
    selectedProject: '',
    projects: ['项目1', '项目2', '项目3']
  }
}

<select v-model="selectedProject">
  <option value="">请选择项目</option>
  <option v-for="project in projects" :value="project">{{ project }}</option>
</select>

<div v-if="selectedProject === '项目1'">
  <!-- 显示项目1的表单 -->
</div>

<div v-if="selectedProject === '项目2'">
  <!-- 显示项目2的表单 -->
</div>

<div v-if="selectedProject === '项目3'">
  <!-- 显示项目3的表单 -->
</div>

computed: {
  formData() {
    if (this.selectedProject === '项目1') {
      // 返回项目1的表单数据
    } else if (this.selectedProject === '项目2') {
      // 返回项目2的表单数据
    } else if (this.selectedProject === '项目3') {
      // 返回项目3的表单数据
    }
  }
}