javascript - vue2有方法重新初始化data么
PHPz
PHPz 2017-04-10 17:30:31
0
3
326

我现在有一个表单,表单提交成功后,希望组件恢复到初始状态,重置data数据,不想一个一个赋值初始化,太累了

PHPz
PHPz

学习是最好的投资!

reply all(3)
迷茫

重新调用data方法,即可重置

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

看了下Vue 2的API,并没有提供这种方法。
不过为了重置data数据大可不必专门添加一个方法。Vue用的是数据驱动,如果data有改动的话会自动更新相关的DOM。你可以将初始data数据保存下来,等表单提交成功后,重新给data赋值就行。
另外一个方法是,Form表单元素提供了一个reset方法,你可以在表单提交成功后使用form.reset()方法来重置表单,如果你表单控件有绑定数据,那么data数据也会同样更新。
上面两种方法效果应该都是相同的

迷茫

将表单的各个数据,都绑定到一个对象上,表单提交完成后,将这个对象重新赋值就行了

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template