美文网首页
记录一次修改和获取proxy对象中的值

记录一次修改和获取proxy对象中的值

作者: 兜兜里冒糖糖 | 来源:发表于2021-10-11 14:56 被阅读0次
    const listData:listProps = reactive({
      list: [],
    });
    const detailData: detailProps = reactive({
      index: 0,
      data:{},
      refresh:()=>{
        let obj = JSON.parse(JSON.stringify(detailData.data))
        obj.state = !obj.state
        listData.list[detailData.index] = obj
      }
    })

比如我要获取 data 里面的state 属性的值 直接写 detailData.data.state 就会报错 说该属性不存在


image.png

所以要用JSON.stringify 将detailData.data转换成字符串 再用JSON.parse转换成对象 这样再获取就不会报错


image.png

同样我要将 获取的state的值 修改到 list里面对应对象的state的值 不管怎么弄 都不好实现
最后我直接替换了怎个 index 这个索引值对应的整个对象
1.先修改 替换前对象中要改的state的值 换好之后 再替换整个对象


image.png

相关文章

  • 记录一次修改和获取proxy对象中的值

    比如我要获取 data 里面的state 属性的值 直接写 detailData.data.state 就会报错...

  • ES6新特性——Proxy代理

    Proxy如其名, 它的作用是在对象和和对象的属性值之间设置一个代理,获取该对象的值或者设置该对象的值, 以及实例...

  • JavaScript 的 setter、getter 和 pro

    今天来学习下 JavaScript 的对象中的 setter、getter 和 proxy。 对象属性值的 [[G...

  • ckeditor使用过程遇到的问题汇总

    获取ckeditor对象 获取ckeditor中的值和插入内容 在js中配置ckeditor 获取ckeditor...

  • 第 4 章:表达式

    粗略的把左值和右值理解成:左值是对象本身,右值是对象的值。操作左值就是用了对象本身,修改左值就是修改了对象本身的内...

  • 面试官问go反射第二弹

    目录 概念 ValueOf使用格式 反射获取值对象(ValueOf) 通过canSet方法修改值判断及获取元素的相...

  • Proxy(ES6)深入

    一 Proxy是什么 Proxy 一般是用来架设在目标对象之上的一层拦截,来实现对目标对象访问和修改的控制。Pro...

  • 4 如何在组件中去使用vuex的值和方法?

    组件中使用 vuex 的值和修改值的地方? 在 .vue 组件中使用: 直接获取、修改: 通过 辅助函数 获取、修...

  • Proxy Reflect

    Proxy Proxy 用于修改某些操作的默认行为,Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对...

  • proxy

    Proxy 定义 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改 在目标对象之前架设一层“拦截”...

网友评论

      本文标题:记录一次修改和获取proxy对象中的值

      本文链接:https://www.haomeiwen.com/subject/lsbloltx.html