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