javascript - 如何使 Vue.js 中的值成为非响应式的？

Question

在我的 Vue.js 应用程序中，我有一个数组值，只有在用户完成特定的“刷新”操作时才应该更新它。但是，一旦我为该数组值分配了一个新值，该数组值就会随着分配值中的数据的变化而立即发生变化。数组值应保持非 react 性。

例如，我有一个方法，refresh() , 触发时意味着更新 displayedData ，它不应该是 react 性的，与 currentData ，这应该是 react 性的。 displayedData只应在调用刷新时更新。

methods: {
    refresh: function() {
        this.displayedData = this.currentData;
    }
}

Answer 1

要在不使其静态的情况下使值不响应，您可以通过使用 JSON 对其进行编码然后对其进行解码来制作它的“副本”。

this.displayedData = JSON.parse(JSON.stringify(this.currentData));

这会将一个值的当前状态分配给另一个值，并且在再次触发此代码之前，对第一个值的任何更改都不会更改第二个值。