v-if 组件切换 报MutationObserver': parameter 1 is not of type 'Node'.

`v-if` 是 Vue.js 中的一个指令，用于条件渲染元素。当你尝试在 `v-if` 中使用 `MutationObserver` 进行DOM操作时，可能会遇到这个错误，因为`MutationObserver` 需要观察的是 DOM 节点 (Node) 的变化，而不是布尔值。

`MutationObserver` 是一种 JavaScript API，用于检测指定 Node 或 NodeList 的修改、添加或删除事件。如果你试图在 `v-if` 的表达式里创建并观察一个非节点的参数，比如一个纯计算结果，它会报错，因为这不是它的预期输入类型。

解决这个问题的关键在于确保你在 `v-if` 中传递的是一个可以转换为 Node 的对象，例如一个引用到 DOM 元素的变量，或者是一个返回 DOM 结构的函数。如果你想要基于某个数据变化动态观察 DOM，应该将 `v-if` 和 `MutationObserver` 结合起来，当数据满足条件时才创建观察者，并绑定到对应的 DOM 上。

示例代码可能看起来像这样：

data() {
  return {
    visible: false,
    elementToObserve: null // 在这里初始化一个引用 DOM 的变量
  }
},
watch: {
  someData(value) {
    if (value) {
      this.elementToObserve = document.getElementById('someElement'); // 当数据改变，设置要观察的节点
      new MutationObserver(this.updateCallback).observe(this.elementToObserve, { attributes: true });
    } else {
      this.elementToObserve.disconnect(); // 数据不再满足条件，移除观察
    }
  }
},
methods: {
  updateCallback(mutationsList) {
    // 处理观察到的 mutation
  }
}