在 Vue 中使用数字键查看对象答案

【问题标题】：Watch an object with numeric key in Vue在 Vue 中使用数字键查看对象
【发布时间】：2021-08-19 11:05:41
【问题描述】：

有没有办法在 Vue2 中查看具有数字键的对象中的特定值？如果它是一个“普通”的字符串键，例如obj = {keyName: []}，我知道你可以这样做：

watch: {
   'obj.keyName'() {
      //Handle array change
   }
}

但是如果我有一个像 obj = {1: []} 这样的对象，其中键是一个数字 - 我知道你不能使用相同的观察者语法，比如：

'obj[1]'()

和obj.1 在正常代码中会引发错误。是否有另一种方法可以专门为 obj 对象的该属性设置观察者？

【问题讨论】：

【解决方案1】：

你可以这样做：

watch: {
   'obj.1'() {
      // Handle array change
   }
}

之所以可行，是因为obj.1 并不是有效的 JavaScript 代码，而是 Vue 解析它并将其视为一个简单的 keypath，它本质上等同于 obj['1']。

【讨论】：