满口金牙 2022-06-26 14:01 采纳率: 91.5%
浏览 170
已结题

Vue中 const a =ref('') a.value 是proxy 对象,我现在要修改,这个对象的set方法怎么做

**Vue中 const a =ref({}) a.value 是proxy 对象,我现在要修改,这个proxy 对象的set方法怎么做 **

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2022-06-26 15:09
    关注

    ECMAScript 没有直接访问proxy对象handler的方法,直接改vue生成的proxy应该不行。

    ECMAScript provides no way to access the internal [[ProxyHandler]] nor [[ProxyTarget]] slots.

    要实现回退操作,有2种方法

    1. 在修改a属性时手动添加对应的操作记录到历史操作数组。

    2. 另外生成一个proxy监控同一个对象,通过这个proxy来生成操作记录,调用vue生成的proxy来更新对象属性值,这样触发vue的set监控实现dom更新

    第二种方法示例如下,原生的js测试正常,vue生成的proxy应该也可以,不行只能按照第一种方法了

    
        let ops = [];
        let obj = {};
        const a = new Proxy(obj, {
            set: function (target, key, value, receiver) {
                console.log('set obj by vue');
                target[key] = value;
            }
        })// ref({});
        let proxy = new Proxy(obj, {
            set: function (target, key, value, receiver) {
                //按照上个示例生成操作记录
                a[key] = value;//这里调用vue的proxy对象来更新obj并且触发set监控
            }
        });
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 7月6日
  • 已采纳回答 6月28日
  • 创建了问题 6月26日

悬赏问题

  • ¥20 求友友们解惑,感激不尽
  • ¥15 python中aiohttp.client_exceptions.ContentTypeError
  • ¥30 DeepLung肺结节检测生成最大froc值对应的epoch报错
  • ¥15 信号发生器如何将频率调大,步尽值改成10
  • ¥15 keil 5 编程智能家具,风扇台灯开关,人体感应等
  • ¥100 找一名渗透方面的专家
  • ¥20 使用Matlab APP设计一个插补小程序
  • ¥15 evo评估时曲线出现问题
  • ¥15 eNSP拓扑图配置实验
  • ¥20 有没有兄弟会替换fmod studio的.bank文件内的音效?