如何在 NuxtJs 应用程序中使用 Vue.set()？

Question

我想通过在 Nuxtjs 应用程序中使用 Vue.set() 来设置属性。

editPost(post) {
    Vue.$set(post, 'edit', true)
}

出现错误：Vue 未定义

Answer 1

您可以只使用 this 而不是 Vue.。这在方法中引用了当前的 vue 组件，所以它会以同样的方式工作：

editPost(post) {
    this.$set(post, 'edit', true)
}

Answer 2

有时您可能希望将多个属性分配给现有对象，例如使用 Object.assign() 或 _.extend()。但是，添加到对象的新属性不会触发更改。在这种情况下，使用原始对象和混合对象的属性创建一个新对象：

// 而不是 Object.assign(this.someObject, { a: 1, b: 2 }) this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

How use Vue.set() in NuxtJs application?