vue 中表單置空簡單操作


在vue單文件組件里有時需要重置data中的數據,比如表單填寫一半,用戶想重新填寫。或者新增成功后,再次信息,打開彈框,希望之前填寫的內容清空,發現一個簡單寫法:this.form = this.$options.data().form;(form為你要清空的表單)

<script>
    export default {
        data() {
            return {
                // 表單
                form: {
                    input: ''
                }
            }
        },
        ...
        methods: {
            // 重置表單方法
            retset() {
                this.form = this.$options.data().form;
            }
        },
        ...
    }
</script>

vue組件可以通過 this.$options 對象獲取你編寫的任何方法,比如 created( ) 生命周期函數


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM