Why does it not determine whether the parent element exists when inserting a child node, but it does when removing an element?

[jeff-wangzhen]

packages/runtime-dom/src/nodeOps.ts

The remove method here will check whether the parent node exists, but the insert method will not check.

This will cause: If its parent element is reset to null by the business code before executing this line of code, an error will be reported.

demo

I'm not sure if this is a bug, so it's not mentioned in the issue list。

[Shyam-Chen]

  <template v-else>
    <p v-permission-or="['admin']">else</p>
  </template>

- <p v-else v-permission-or="['admin']">else</p>
+ <template v-else>
+   <p v-permission-or="['admin']">else</p>
+ </template>

[jeff-wangzhen]

Are you sure? I tried it but it was still wrong. demo

However, the following way of writing is correct:

<p v-else>
  <template v-permission-or="['admin']">else</template>
</p>

This means that in business code, I must avoid operating elements that have VUE directives bound to them.

[Alfred-Skyblue]

This does cause errors, has been optimized in #9134

[jeff-wangzhen]

Thank you, but this still does not solve my problem, because the value of the parent parameter passed in is null.