**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种方法
在修改a属性时手动添加对应的操作记录到历史操作数组。
另外生成一个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监控
}
});