【前端大概一分鐘】vue騷操做之this.$options.data()

重置vue組件的data數據

在vue單文件組件裏有時須要重置data中的數據，好比表單填寫一半，用戶想從新填寫。

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

也能夠經過給組件 $data 對象賦值來重置來重置整個 $data

this.$data = this.$options.data();

結語

vue組件能夠經過 this.$options 對象獲取你編寫的任何方法，好比 created( ) 生命週期函數，發現vue新玩法，偷笑.jpg