vue新增时赋初始值性能考量

后台开发经常会涉及到新增、编辑操作。通常在新增时需要把表单元素的值初始化,vue+element ui开发如果用element ui的form表单验证this.$refs[formName].validate()来实现,可以用this.$refs[formName].resetFields()实现初始化。

但是表单验证不能完全满足开发的需要,比如:验证图片是否上传,验证表格里是否至少包含一行数据等非表单元素时有缺陷。

所以当不使用validate()方法时,如何实现表单元素初始化?以下举例说明问题:







执行结果:

vue新增时赋初始值性能考量_第1张图片

从控制台中可以看到,forEach方法耗时,for in循环和直接赋值性能差不多,但是对于有初始值的元素来说,for in要做特殊处理,所以建议直接赋值。

大家有更好的想法,欢迎提出。

你可能感兴趣的:(vue)