2016-10-27 17:27发布
我现在有一个表单,表单提交成功后,希望组件恢复到初始状态,重置data数据
看了下Vue 2的API,并没有提供这种方法。不过为了重置data数据大可不必专门添加一个方法。Vue用的是数据驱动,如果data有改动的话会自动更新相关的DOM。你可以将初始data数据保存下来,等表单提交成功后,重新给data赋值就行。另外一个方法是,Form表单元素提供了一个reset方法,你可以在表单提交成功后使用form.reset()方法来重置表单,如果你表单控件有绑定数据,那么data数据也会同样更新。上面两种方法效果应该都是相同的
将表单的各个数据,都绑定到一个对象上,表单提交完成后,将这个对象重新赋值就行了
最多设置5个标签!
付费偷看金额在0.1-10元之间
看了下Vue 2的API,并没有提供这种方法。
不过为了重置data数据大可不必专门添加一个方法。Vue用的是数据驱动,如果data有改动的话会自动更新相关的DOM。你可以将初始data数据保存下来,等表单提交成功后,重新给data赋值就行。
另外一个方法是,Form表单元素提供了一个reset方法,你可以在表单提交成功后使用form.reset()方法来重置表单,如果你表单控件有绑定数据,那么data数据也会同样更新。
上面两种方法效果应该都是相同的
将表单的各个数据,都绑定到一个对象上,表单提交完成后,将这个对象重新赋值就行了
一周热门 更多>