请问大家关于一个vue的问题让我好头疼，有没有遇到类似的？

Question

这个项目是vue3 因为跨越问题，设置了代理，

但是他的写法又都是this.属性名的方式去访问 （如图1）

本地调试的时候，访问数据会出现proxy对象，现在取值 赋值 都有问题，（如图2）

请问这种情况如何处理比较好？

Answer 1

看不到关键不知道你 window.addeventlistener 后面是用的箭头函数还是function
如果是function的话，里面的this已经变了和外层的this不一样，你就取不到数据。

而且从你的代码来看，根本就可以不用this，你自己定义一个变量去储存this的数据也是一样的。

Answer 2

因为跨越问题，设置了代理 代理的proxy 跟你 打印出来的 proxy不是一个东西 不要因为名称一样搞混了
vue3就是用的 es6的proxy来拦截数据达到响应式的目的
https://www.bookstack.cn/read...
例子：

import { ref } from 'vue'
const a = ref(1)
console.log(a) // proxy包裹的对象
要使用这个a  =>  a.value  => console.log(a.value) // 1