vue中使用js将一个对象赋值给另一个对象后显示出现问题

Question

在data中定义了空对象search:

在生命周期create中初始化（初始化search中的filter属性）：

在watch中深度监控search:

在方法中给filter赋值（之所以要这么做是为了改变filter的地址，使得filter中新增值的时候vue能监控到）：

当页面点击触发方法selectFilter()的时候，vue确实监控到了search的属性变化，但是在vue中的显示是这样的：

filter显示为空，增加的属性属性却以filter.k的形式展示。
卡在这里一天了，一直没搞懂怎么回事，求大佬帮忙解决一下，万分感谢。

Answer 1

问题解决了，原来是前端一个js文件中定义了一个属性,没有将.后面的值解析为一个属性。停在这一整天了，结果居然是原本前端代码的问题，唉，不懂前端好难受。