vueではオブジェクト内のすべてのkeyを空の値に割り当てます
4508 ワード
Object.assignの使用は、もちろんforを使って遍歴してから空の文字列に値を付けることもできますが、お勧めします(Object.assign)
まずObjectを見てみましょうassignの基本的な使い方
Object.assignメソッドは、オブジェクトのマージに使用され、最初のパラメータ(ターゲットオブジェクト)、2番目、3番目のパラメータがあり、ソースオブジェクトであり、ソースオブジェクト(source)のすべての列挙可能な属性をターゲットオブジェクト(target)にコピーします.
注意:Object.assignメソッドの最初のパラメータはターゲットオブジェクトであり、後のパラメータはすべてソースオブジェクトが正伝に戻るため、いくつかのinputボックスがあり、各inputボックスはv-modeiが対応するvalue値をバインドしており、リセットボタンをクリックすると、すべてのinputの値をクリアする必要がある場合がある.assignメソッド、具体的にどのように実現してコードを見ます
htmlコード
jsコード
まず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)
}
}