【前端大概一分钟】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