elementUI关闭模态框清除表单数据及上传的图片

最新推荐文章于 2024-08-02 00:06:19 发布

small面包

最新推荐文章于 2024-08-02 00:06:19 发布

阅读量1.4k

点赞数

分类专栏：清除表单数据 el-dialog 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44986077/article/details/108071604

版权

这篇博客演示了在Vue项目中，使用Element UI时，如何在关闭模态框后有效地清空表单数据及上传的图片，确保下一次打开模态框时数据为初始状态。

摘要由CSDN通过智能技术生成

下面写个小demo

<template>
	<div>
		<el-dialog
      :visible.sync="dialogBackFormVisible"
      @close="backGoodss('ruleForm')"
    >
      <el-form
        ref="ruleForm"
        :model="ruleForm"
        status-icon
        :rules="rules"
        label-width="100px"
        class="demo-ruleForm"
      >
        <el-form-item
          label="创建人"
          prop="createName"
        >
          <el-input
            v-model.trim="ruleForm.upUserNames"