Error in mounted hook: "Sortable: `el` must be an HTMLElement, not [object N 怎么解决

这个错误通常出现在使用 Sortable.js 库时，el 参数不正确导致的。

首先，确保传递给 Sortable 实例的 el 参数是一个有效的 HTMLElement 对象。可以使用 document.querySelector() 或 document.getElementById() 等方法获取元素。

如果 el 参数正确，但仍然出现错误，则可能是因为 Sortable.js 库未正确加载或初始化。请确保已正确引入 Sortable.js 库，并在适当的时候使用 new Sortable() 初始化它。

最后，也可以尝试更新 Sortable.js 库到最新版本，以确保不会出现已知的 bug 或问题。

相关问题

Error in mounted hook: "Sortable: `el` must be an HTMLElement, not [object Null]"

这个错误通常出现在使用 Sortable.js 库时，传递给它的元素参数为 null 或 undefined。请确保你传递给 Sortable.js 的元素参数是正确的，且不为 null 或 undefined。可以尝试检查是否正确引入了相关的库文件，以及是否正确初始化了 Sortable 实例。如果问题仍然存在，请提供更多的上下文信息，我会尽力帮助你解决问题。

在vxetable中使用Sortable库实现拖拽排序时报Sortable: `el` must be an HTMLElement, not [object Null]这个错误怎么解决

报错信息 `Sortable: el must be an HTMLElement, not [object Null]` 的意思是`el`必须是一个HTMLElement类型的对象，而不是一个null类型的对象。

这个错误的原因是，在`new Sortable`创建Sortable实例时，传入的`el`参数为null或undefined，导致无法创建Sortable实例。

解决方法是，需要确保传入的`el`参数是一个有效的HTMLElement类型的对象。可以先使用`document.getElementById`方法获取到表格的DOM元素，再将其传入到`new Sortable`方法中，如下所示：

import Sortable from 'sortablejs';

export default {
  data() {
    return {
      tableData: [
        // ...
      ]
    }
  },
  mounted() {
    const el = document.getElementById('myTable').querySelector('tbody');
    new Sortable(el, {
      animation: 150,
      onEnd: (evt) => {
        // 处理拖拽排序后的数据
      }
    });
  }
}

在这个示例中，我们使用`document.getElementById`方法获取到表格的DOM元素，然后使用`querySelector`方法获取到表格的tbody元素，最后将其传入到`new Sortable`方法中，即可避免这个错误。