vueではオブジェクト内のすべてのkeyを空の値に割り当てます

4508 ワード

Object.assignの使用は、もちろんforを使って遍歴してから空の文字列に値を付けることもできますが、お勧めします(Object.assign)
まずObjectを見てみましょうassignの基本的な使い方
Object.assignメソッドは、オブジェクトのマージに使用され、最初のパラメータ(ターゲットオブジェクト)、2番目、3番目のパラメータがあり、ソースオブジェクトであり、ソースオブジェクト(source)のすべての列挙可能な属性をターゲットオブジェクト(target)にコピーします.
const target = {a:1};
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target) // {a:1, b:2, c:3}

注意:Object.assignメソッドの最初のパラメータはターゲットオブジェクトであり、後のパラメータはすべてソースオブジェクトが正伝に戻るため、いくつかのinputボックスがあり、各inputボックスはv-modeiが対応するvalue値をバインドしており、リセットボタンをクリックすると、すべてのinputの値をクリアする必要がある場合がある.assignメソッド、具体的にどのように実現してコードを見ます
htmlコード
 'text' v-model='valueData.value1'>
 'text' v-model='valueData.value2'>
 'text' v-model='valueData.value3'>
 

jsコード
const values = {
  value1:'',
  value2:'',
  value3:'',
}
data(){
 return {
   valueData:Object.assign({},values)
 }
},
methods:{
  //               ,       ,      valueData       input    
 toReset(){
 this.valueData = Object.assign({},values)
 }
}