如何使Vue.js中的值无效？

Question

在我的Vue.js应用程序中，我有一个数组值，仅当用户完成特定的“刷新”操作时才应更新该值。但是，一旦我为该数组值分配了一个新值，该数组值就会变为反应性的，并且随着分配值中数据的更改而立即更改。数组值应保持不活动状态。

例如，我有一个方法，refresh()该方法在被触发时旨在displayedData用currentData，它应该是反应性的，更新不应该是反应性的。displayedData仅应在调用刷新时更新。

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

Answer 1

要使某个值不变为静态而不使其变为静态，可以使用JSON对其进行编码然后解码，以对其进行“复制”。

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

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