vue.runtime.esm.js:1887 TypeError: Cannot read properties of undefined (reading '$refs')

这个错误通常是因为在Vue组件中使用了`$refs`，但是没有正确地定义它。`$refs`是Vue提供的一个访问组件内部元素的方法，但是只有在组件渲染完成后才能访问。因此，如果在组件渲染之前访问`$refs`，就会出现这个错误。

解决这个问题的方法是确保在访问`$refs`之前，组件已经被正确地渲染。可以使用Vue提供的生命周期钩子函数`mounted`来确保组件已经被渲染完成。在`mounted`函数中，可以访问`$refs`并执行相应的操作。

以下是一个示例代码：

export default {
  mounted() {
    // 在mounted函数中访问$refs
    const table = this.$refs.table;
    // 执行相应的操作
    // ...
  }
}

相关问题

vue.runtime.esm.js:3049 TypeError: Cannot read properties of undefined (reading '$refs')

vue.runtime.esm.js:3049的报错信息是TypeError: Cannot read properties of undefined (reading '$refs')。这个报错通常是由于访问了一个未定义的属性或方法而导致的。根据引用中提到的报错原因，可能是因为在访问'$refs'属性之前没有判断其是否存在。解决该报错的方法是先判断该属性是否存在，然后再进行访问。可以使用类似以下代码的方式来解决该报错：

<span>{{scope.row[index && scope.row[index].$refs}}</span>

上述代码中，通过使用逻辑与运算符`&&`来判断`scope.row[index]`是否为空，只有在`scope.row[index]`存在时才会访问`$refs`属性，避免了访问未定义属性导致的报错。

vue.runtime.esm.js:1888 TypeError: Cannot read properties of undefined (reading 'title')

根据提供的引用内容，出现错误的原因是调用`$table.toggleRowExpansion`函数报错，报错信息为`TypeError: Cannot read property 'forEach' of undefined`。解决方案是去掉`$table.toggleRowExpansion`，在`el-table`中增加绑定属性`expand-row-keys`和`row-key`来控制展开行的状态。[1]

另外，根据引用[2]中的代码，可以看出`toggleExpand`方法中使用了`$table.toggleRowExpansion`来展开或收起行，但是在该方法中没有定义`$table`，可能导致报错。需要在方法中定义`$table`并赋值为`this.$refs.table`。[2]

此外，根据引用[3]中的代码，可能还存在一个问题是在`data`中的`directoryId`的默认值应该是一个存在的id，而不是1。[3]

综上所述，出现错误的原因是调用`$table.toggleRowExpansion`函数报错，解决方案是去掉该函数并使用`expand-row-keys`属性来控制展开行的状态。另外，需要在方法中定义`$table`并赋值为`this.$refs.table`，并且在`data`中的`directoryId`的默认值应该是一个存在的id。