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

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

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监控
        }
    });