vue表单清空,vuex清空

  vue表单清空,vuex清空

  本文主要介绍Vue如何清空对象,有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。

  

目录

   Vue空对象JS空对象Vue空对象某个对象空Vue值,keep key在vue。

  

Vue清空对象

  

JS清空对象

  使用literal方法指向一个新对象:

  var obj={

  姓名:李,

  年龄:20岁

  };

  obj={ };

  var obj={

  姓名:李,

  年龄:20岁

  };

  for(对象中的变量键){

  删除obj[key];

  }

  

Vue清空对象

  使用对象文字,这是不推荐的。

  div id=应用程序

  Button @click=deleteInfo 删除/button

  姓名:{{ message.name }},

  年龄:{{ message.age }}

  /div

  var app=新Vue({

  埃尔: #app ,

  数据:{

  消息:{

  姓名:李,

  年龄:20岁

  }

  },

  方法:{

  deleteInfo:function(){

  this . message={ };

  }

  }

  })

  使用 Vue.delete:

  div id=应用程序

  Button @click=deleteInfo 删除/button

  姓名:{{ message.name }},

  年龄:{{ message.age }}

  /div

  var app=新Vue({

  埃尔: #app ,

  数据:{

  消息:{

  姓名:李,

  年龄:20岁

  }

  },

  方法:{

  deleteInfo:function(){

  for(let key of object . keys(this . message)){

  Vue.delete(this.message,key);

  }

  }

  }

  })

  

某一个对象清空vule值,保留key

  其中一个对象的属性被复制到另一个对象。

  

在vue中

  这个。$data获取数据this。$options.data()来获取该组件初始状态的数据。因此,您可以将初始状态下的数据复制到当前状态下的数据。

  实现重置效果:

  Object.assign(this。$data,这个。$options.data())

  当然,如果你只想重置数据中的一个对象或属性:(一般用于表单清理数据)

  this.form=this。$options.data()。形式

  对象清除该值并保留该键。

  Object.keys(表单)。forEach((key)=(form[key]= ))

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: