vue取对象key,vue根据key获取对象元素

　　本文主要介绍了vue如何将一个对象中的所有键都赋为空值，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

将对象中所有的key赋为空值

　　Object.assign的用法当然也可以用for来遍历，然后把空字符串逐个赋值。建议使用(Object.assign)。

　　Object.assign方法用于合并对象。第一个参数(目标对象)是源对象，它可以有第二个和第三个参数。源对象的所有可枚举属性都被复制到目标对象。

　　const target={a:1}

　　const source 1={ b:2 }；

　　const source 2={ c:3 }；

　　Object.assign(target，source1，source 2)；

　　console.log(目标)//{a:1，b:2，c:3}

　　注意：Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。

　　言归正传，有时候要求是有多个输入框，每个输入框都是v-modei绑定对应的value值。当您单击重置按钮时，您应该清除输入中的所有值。此时，您可以使用Object.assign方法。关于如何实现它，请参见代码。

　　html代码

　　输入类型= text v-model= value data . value 1 /input

　　输入类型= text v-model= value data . value 2 /input

　　输入类型= text v-model= value data . value 3 /input

　　按钮@ click=重置重置(清空输入框)按钮

　　js 代码

　　常数值={

　　值1: ，

　　值2: ，

　　值3: ，

　　}

　　data(){

　　返回{

　　valueData:Object.assign({}，values)

　　}

　　方法：{

　　//此时，如果你在输入框中随机输入一个值，点击复位按钮，只需要再次复制valueData就可以清除input中的值。

　　toReset(){

　　this . valuedata=object . assign({ }，values)

　　}

　　如上图，提示百分比为空，web渲染如下

　　如果不想在自测阶段麻烦，直接在数据库中添加数据或者初始化初始化方法的初始值即可。最简单的方法就是在vue模板里做一个判断。

　　代码如下：

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

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