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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM