vue 数组添加内容多了observe属性怎么去掉

问题遇到的现象和发生背景

获取后台数据，结果赋值给数组，多了observe属性导致结果无法展示在页面

问题相关代码，请勿粘贴截图
  // 表格数据
  tableData: [],
  filterTable:[],
};

},
methods:{
getData() {
getBase('view_teach/').then(res=>{
this.filterTable=res
this.tableData=JSON.parse(JSON.stringify(res));
console.log(res,this.filterTable,this.tableData);
})
},
},

运行结果及报错内容

这是运行结果

img

我的解答思路和尝试过的方法

JSON.parse(JSON.stringify(res))说是可以解决，但没变化，只要赋值就会多这个observe属性，

我想要达到的结果

只想去掉oberve属性，让页面拿到数据

那个是原型链上的东西，不需要管，就当他不存在就可以了。不会在循环的时候影响到你。

这个observe属性是接口返回的数据里面有的吧,你可以循环,通过delete方法删除对象的属性,使用方法:


let a={
    observe:"你想要删除的",
    id:"",
    name:"",
}

//直接使用delete 
delete a.observe //这样就把a对象里面的observe属性删除了

img


这个吗

这里值是传给表格的，必须是普通数组，不赋值到this不行啊，如果直接给变量是没问题，给tableData就不行

img

img