this.$set 无效

this.$set 是 Vue 提供的一个方法，用于给响应式对象添加新的属性。如果你使用 this.$set 添加新属性时无效，可能有以下几种情况：

1. 对象不是响应式的：在使用 this.$set 方法之前，需要确保对象是响应式的。如果对象是在组件实例创建之前定义的，需要将其设置为响应式对象，可以使用 Vue.observable 方法。

2. 属性名使用了非法字符：如果属性名使用了非法字符，例如以数字开头，或者包含了空格和特殊符号，可能会导致 this.$set 失效。在这种情况下，可以尝试将属性名修改为合法的字符。

3. 对象已被冻结：如果对象已被 Object.freeze 冻结，那么无法添加新的属性。在这种情况下，需要解冻对象之后再使用 this.$set。

如果以上方法都无法解决问题，可以尝试使用 Vue.set 或者直接给对象赋值的方式添加新属性。

相关问题

this.$set 无效要怎么解决

如果使用 `this.$set` 方法无效，可能是以下原因：

1. 对象不是响应式的

在 Vue.js 中，只有在创建 Vue 实例时传入的 data 中定义的属性才是响应式的。如果你在 Vue 实例创建后动态添加了一个属性，该属性不会自动变成响应式的。这时候可以使用 `this.$set` 方法将其转换为响应式的属性。

如果你确定你要添加的属性是响应式的，但 `this.$set` 方法仍然无效，那么可能是下面的原因。

2. 对象不是 Vue 实例

`this.$set` 方法只能用于 Vue 实例中，如果你在普通的 JavaScript 对象中使用它是无效的。如果你想要在普通的 JavaScript 对象中使用响应式属性，可以使用 Vue.observable 方法将其转换为响应式对象。

3. 错误的参数

`this.$set` 方法的第一个参数必须是一个对象，第二个参数是要设置的属性名，第三个参数是要设置的属性值。如果参数有误，方法将会无效。

如果以上情况都不是问题，你可以尝试使用 Vue.set 方法来设置属性。它与 `this.$set` 方法的作用相同，但是使用方式稍有不同。例如：

import Vue from 'vue'

// ...

Vue.set(obj, 'propertyName', value)

其中，`obj` 是要添加属性的对象，`propertyName` 是要添加的属性名，`value` 是要添加的属性值。

this.$set失效

你好！关于`this.$set`失效的问题，通常情况下它是可以正常工作的。`this.$set`是Vue.js中用于响应式地将数据添加到对象或数组中的方法。它的语法是`this.$set(object, key, value)`。

如果你发现`this.$set`无效，可能有以下几个原因：

1. 对象或数组没有被正确地声明为响应式数据：确保你需要操作的数据是Vue实例中的响应式属性，而不是普通的JavaScript对象或数组。你可以通过`Vue.set(object, key, value)`来手动将普通对象转换为响应式对象。

2. 错误的语法或使用方式：请检查你调用`this.$set`的语法是否正确，确保传递正确的参数。另外，`this.$set`只能在Vue组件实例中使用，如果在其他地方使用可能会导致失效。

3. 对象或数组已经被冻结：如果你尝试修改一个被Object.freeze()冻结的对象或数组，`this.$set`将无法生效。你可以使用`Vue.set(object, key, value)`来代替。

希望以上信息对你有所帮助！如果还有其他问题，请继续提问。