vue中 this.$options.data()的使用方法

1、重置data中的所有数据
无论data中的数据如何改变,使用这句就可以恢复初始数据

Object.assign(this.$ data, this.$options.data())

2、重置data中的某个值
只会让指定的这个数据被初始化,不会影响到data里的其他数据
用this.$ options.data()重置组件data时,data()里用this获取的props或method都为undefined
this.formData = this.$ options.data.call(this).formData
eg:.

// An highlighted block
<script>
    export default {
        data() {
            return {
                form: {
                    input: ''
                }
            }
        },
        methods: {
            retset() {
                this.form = this.$options.data().form;
            }
        },
    }
</script>

日常开发中遇到的 分享一下下 ✿✿ヽ(°▽°)ノ✿

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值