element-plus点击重置表单,却没有进行重置操作

html 复制代码
<script lang="ts" setup>
import {useCreateTask} from "./Create.ts";

const useCreate = useCreateTask()
const createTaskFormRef = useCreate.createTaskFormRef
const resetForm = (form: any) => {
  useCreate.resetForm(form)
}

import {useCreateProduct} from "./DialogCreate.ts";

const useProduct = useCreateProduct()
const createFormRef = useProduct.createFormRef
const resetFormProduct = (form: any) => {
  useProduct.resetForm(form)
}
</script>

<template>
  <el-form ref="createTaskFormRef" :model="useCreate.createTaskForm" label-width="auto"
           style="max-width: 600px">
    <el-form-item label="软件版本">
      <el-input v-model="useCreate.createTaskForm.softwareVersion" placeholder="请输入软件版本"/>
    </el-form-item>
  </el-form>
  <el-button @click="resetForm(createTaskFormRef)">重置数据</el-button>

  <el-form ref="createFormRef" :model="useProduct.createForm" label-width="auto"
           style="max-width: 600px">
    <el-form-item label="产品名称" prop="product_name">
      <el-input v-model="useProduct.createForm.product_name" placeholder="请输入软件版本"/>
    </el-form-item>
  </el-form>
  <el-button class="reset-button" @click="resetFormProduct(createFormRef)">重置</el-button>
</template>

<style scoped>

</style>

注意,这里重置产品名称是可以成功的,而重置数据却不能成功,原因是需要prop="product_name"作为字段唯一标识符

相关推荐
小小李程序员9 分钟前
JSON.parse解析大整数踩坑
开发语言·javascript·json
宋辰月22 分钟前
Vue2-VueRouter
开发语言·前端·javascript
haaaaaaarry1 小时前
Element Plus常见基础组件(一)
java·前端·javascript·vue.js
萌萌哒草头将军2 小时前
Prisma ORM 又双叒叕发布新版本了!🚀🚀🚀
前端·javascript·node.js
mldong2 小时前
推荐一款超高颜值的后台管理模板!Art-Design-Pro!开源!免费!
前端·vue.js·架构
我是ed.3 小时前
cocos Js 使用 webview 通过 postMessage 进行通信
开发语言·javascript·ecmascript
脑袋大大的4 小时前
uni-app x开发避坑指南:拯救被卡顿的UI线程!
开发语言·前端·javascript·vue.js·ui·uni-app·uts
前端Hardy4 小时前
10 分钟搞定婚礼小程序?我用 DeepSeek 把同学的作业卷成了范本!
前端·javascript·微信小程序
Tminihu4 小时前
前端大文件上传的时候,采用切片上传的方式,如果断网了,应该如何处理
前端·javascript
颜酱4 小时前
理解vue3中的compiler-core
前端·javascript·vue.js