vue表单提交之后,清空input里的数据

this.$refs.table.resetFields();
//table是表单的名称
例子:
html
      <el-form :rules="rules" ref="formLabelAlign" :label-position="labelPosition" label-width="120px" border :model="formLabelAlign" >
                            <el-form-item prop='page_name' label="电视台名称">
                                <el-input v-model="formLabelAlign.page_name" placeholder="网页名称(必填)"></el-input>
                            </el-form-item>
                            <el-form-item  prop='game_name' label="时段名称">
                                <el-input v-model="formLabelAlign.game_name" placeholder="游戏名称(必填)"></el-input>
                            </el-form-item>
                            <el-form-item prop='game_description' label="节目名称">
                                <el-input v-model="formLabelAlign.game_description" placeholder="游戏简介(必填)"></el-input>
                            </el-form-item>
                            <el-form-item prop='game_remark' label="备注">
                                <el-input v-model="formLabelAlign.game_remark" placeholder="游戏备注(选填)"></el-input>
                            </el-form-item>
                            <el-button class="but" @click="submit">确认提交</el-button>
              </el-form>
 
    <script>
      this.$refs.formLabelAlign.resetFields();
    </script>
posted @   小那  阅读(4119)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示