如何在设置和测试阶段通过道具而不覆盖内容？

2024-05-07 • 问答

我进行了一项测试，在安装过程中，我将一些默认道具传递给了组件。然后，在测试中，我使用setProps将更具体的数据传递给它。问题在于，默认数据和新数据都嵌套在名为org的相同props对象中，而Vue显然抱怨默认值被覆盖。有办法解决吗？

[Vue警告]：避免直接更改道具，因为每当父组件重新渲染时，该值就会被覆盖。而是使用基于属性值的数据或计算属性。道具被突变：“ optimisticClearFilters”

这是一个例子。当我从测试中执行此操作时，它似乎会覆盖所有org键。

wrapper.setProps（{org：{deptSize：[0，5]}}）;

例如，如果我有：

var posts = {
  status: 6
  rows: [{},{},{}]
  details: "some details",amount: 1 
}

并且我想毫无变化地测试具有更改的 status 值的组件，我这样做：

post.status = status
wrapper.setProps({ post: { ...post} })

本文链接：https://www.f2er.com/3155976.html