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

更新时间:2023-05-25 06:41:29 阅读: 评论:0

vue如何将对象中所有的key赋为空值
⽬录
将对象中所有的key赋为空值日常交际用语
先来看看Object.assign的基本⽤法
vue空值报错问题
将对象中所有的key赋为空值
Object.assign的使⽤,当然你也可以使⽤for去遍历然后再⼀⼀去赋值为空字符串,推荐使⽤(Object.assign)
先来看看Object.assign的基本⽤法
Object.assign⽅法⽤于对象的合并,第⼀个参数(⽬标对象),可以有第⼆个,第三个参数,都是源对象,将源对象(source)的所有可枚举属性,复制到⽬标对象(target)。
has not been installedconst target = {a:1};
const source1 = { b: 2 };schlaflied
thank you 回答const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target) // {a:1, b:2, c:3}
注意:Object.assign⽅法的第⼀个参数是⽬标对象,后⾯的参数都是源对象
purpoly
⾔归正传,有时候会碰到的需求是,有多个input框,每个input框都v-modei绑定了对应的value值,当点击重置按钮时,要清空所有input中的值,这时候可以⽤到Object.assign⽅法,具体怎么实现看代码
cumtube
html代码
<input type='text' v-model='valueData.value1'></input>
<input type='text' v-model='valueData.value2'></input>
<input type='text' v-model='valueData.value3'></input>
<button @click=‘toRet'>重置(清空输⼊框)<button>
mistakes是什么意思
comboboxjs 代码
const values = {
value1:'',
value2:'',
dotard
value3:'',
}
data(){
return {
valueData:Object.assign({},values)
}
},
methods:{
//这时候如果你随意在输⼊框输⼊值,点击重置按钮,只需要重新给valueData复制就能清空input中的值了
toRet(){
this.valueData = Object.assign({},values)
}
}
vue空值报错问题
如上图所⽰,提⽰percent为空,web效果图如下
如果是⾃测阶段不想⿇烦就直接在数据库添加数据就⾏或者或者初始化⽅法赋初始值,最简便的还是在vue template⾥进⾏判断
同义句转换器代码如下:
以上为个⼈经验,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

本文发布于:2023-05-25 06:41:29,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/121779.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:对象   空值   重置   按钮   绑定
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图