js把一个ref类型的对象内的属性都置为空

于 2023-06-26 09:30:10 发布
阅读量351 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46617584/article/details/131390667
版权 
const formData=ref({
        addressGroupBody: [],
        remark: '',
        name:'',code:''
      })
function resetObjectPropertiesToEmpty(obj) {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      // 根据需要将属性值设置为 null 或 ''
      obj[key] = key=='addressGroupBody'?[]:''; // 或者 obj[key] = '';
    }
  }
}
resetObjectPropertiesToEmpty(formData.value)

 

iiiilooaixuud
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS 快速将对象中键赋值为空
seimeii的博客
03-28 428
JS 快速将对象中键赋值为空
JS 快速将对象中所有键赋值为空
qq_32184753的博客
11-19 3976
objDemo = { a : '1111', b : '2222', c : '33333' } Object.keys(objDemo).forEach(key=>{objDemo[key]=''}) console.log(objDemo)
JS判断一个对象是否为空
Dax1_的博客
07-07 398
1. for...in 2. JSON.Stringify() 3. Object.keys()
formData的使用
weixin_44204580的博客
03-20 352
formData的使用 FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。 1.通过HTML表单创建FormData对象 可...
Vue3可视化表单生成器
云逸的博客
01-07 5403
vains-form-designer 介绍 Vite + TypeScript + Vue3 + Element-plus制作的可视化表单生成器； 预览地址 项目所需依赖 注意：项目中需先添加ElementPlus与ElementIcon的依赖 快速开始
vue.js中ref和$refs的使用及示例讲解
10-16
当`ref`被定义在一个元素或组件上时，它会在编译时生成一个引用，这个引用会被存储在父组件的`$refs`对象上。`$refs`对象是Vue实例的一个属性，它包含了所有通过`ref`属性注册的元素或子组件的引用。 例如，在HTML...
vue.js中ref及$refs的使用方法解析
12-13
关于ref和$refs的用法及讲解，vue.js中文社区（ https://cn.vuejs.org/v2/api/#ref ）是这么讲解的： ... 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；...ref可以直接加在HTML标签上，作为一个属性存在
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
10-20
主要介绍了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法,涉及JS页面元素遍历及属性动态操作相关技巧,需要的朋友可以参考下
vue-父子组件和ref实例详解
10-16
当你在模板中为一个元素或组件添加 `ref` 属性，Vue 会在实例的 `$refs` 对象上创建一个对应的属性，其值为该元素或组件的引用。例如： ```html <input ref="myInput"> ``` 然后在 JavaScript 代码中，可以通过 ...
ElementUI-Form表单二次封装
Miketutu的博客
06-01 4545
ElementUI-Form表单二次封装
【Vue】Vue的$ref属性为空对象或者为undefined问题及解决办法（涵盖uniapp/H5/微信小程序）
热门推荐
徐海东的博客
07-13 2万+
目录问题：获取this.$refs为空对象或者为undefined原因一：在uniapp中，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）解决方法：ref在非H5端使用在自定义的组件原因二：使用了版本过低的调试基础库原因三：ref组件使用了条件渲染，即v-if、v-show，这些DOM节点在mounted无法被访问到,详细可以看 深入响应式原理-Vue.js原因四：使用了v-for循环动态绑定ref（大部分时请求后端数据动态渲染DOM），this.$ref[name]获取
七、ref引用与数组的常用方法
付之一笑的专栏
12-19 1362
ref 用来辅助开发者在不依赖于jQuery的情况下，获取 DOM 元素或组件的引用。每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的$refs指向一个空对象。
vue3 组件双向绑定的方案
weixin_51897979的博客
12-22 4493
目前在用vue3写项目的时候，当对一个组件进行双向绑定的时候，在子组件中数据发生改变通常要使父组件里面的相应的数据进行同步修改. 1，话不多说针对上述需求，目前主流的方案是 在父组件中用v-model （实则v-model只是一种语法糖写法）绑定相应的值，在子组件中 中利用props中modelValue来接收值，然后我们就可以直接修改modelValue来修改父组件中相应的值, 但是这种做法虽然普遍，但是vue3 props标准是要保持单向数据传递的原则，但是我们能违背这个原则直接改变...
vue3创建ref响应值
nolanElio的博客
03-31 1524
<script setup> import { ref, reactive } from "vue";// 引入ref （reactive用来引入对象或数组） const inputValue = ref("我是响应的值"); // 初始值，空值设置：ref('') // 以下为常见的响应数据示例（对象、数组、基本类型） const user = reactive({ name: "", address: "", }); </script&gt
JS快速将对象中所有键赋值为空
weixin_45357661的博客
10-25 2226
JS快速将对象中所有键赋值为空
vue3中台项目重置时的ref问题
weixin_46618983的博客
11-16 1813
封装ELFrom中重置按钮的小插曲
js-对象属性是否全部为空
junjiahuang的博客
07-14 943
对象属性是否全部为空
清空数组的几个方式
CRMEB小程序商城的博客
12-08 1万+
前言 前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写: let array = [1,2,3]; array = []; 复制代码 不过这么用在reactive代理的方式中还是有点问题，比如这样: let array = reactive([1,2,3]); watch(()=>[...array],()=>{ console.log(array); },) array = r.
js对象数组去重复，或者置空对象属性重复某个属性
weixin_55684211的博客
09-13 591
/原理是创建新数组，用新数组去找去重数组某个值，找不到，就push进新数组。去除对象重复， 这里使用的indexOf,置空对象属性重复某个属性。
vue3组合式ref.data传给一个对象，对象的值仍为空
最新发布
06-08
在 Vue 3 的组合式 API 中，`ref` 是一个用于创建响应式数据的函数。如果你想要将 `ref` 创建的数据传递给一个对象，你需要使用 `toRef` 或 `toRefs` 函数将其转换为 ref 对象。 例如，假设你创建了一个名为 `myRef` 的 ref 对象，你想要将其值传递给一个名为 `obj` 的对象，你可以使用以下代码： ```javascript import { toRef } from 'vue' // 创建 ref 对象 const myRef = ref({ foo: 'bar' }) // 将 ref 对象转换为 ref 数据 const myData = toRef(myRef, 'value') // 将 ref 数据赋值给对象 obj.value = myData.value ``` 在这个例子中，`toRef` 函数将 `myRef` 转换为一个只包含 `value` 属性的 ref 数据，然后将其赋值给 `myData`。最后将 `myData.value` 赋值给对象的 `value` 属性。 如果你想要将多个 ref 数据传递给一个对象，你可以使用 `toRefs` 函数，将多个 ref 对象转换为一个包含多个 ref 数据的对象。例如： ```javascript import { toRefs } from 'vue' // 创建多个 ref 对象 const fooRef = ref('foo') const barRef = ref('bar') // 将 ref 对象转换为 ref 数据 const { foo, bar } = toRefs({ foo: fooRef, bar: barRef }) // 将 ref 数据赋值给对象 obj.foo = foo.value obj.bar = bar.value ``` 在这个例子中，`toRefs` 函数将 `fooRef` 和 `barRef` 转换为多个 ref 数据，然后通过解构赋值将这些 ref 数据赋值给 `foo` 和 `bar` 变量。最后将 `foo.value` 和 `bar.value` 赋值给对象的 `foo` 和 `bar` 属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值