Using slot content with v-if and same DOM elements lead to patching error

[jleifeld]

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vue-mbuqlf?file=src%2FApp.vue

Steps to reproduce

1. Create a child element with the following template:

<template>
  <div class="hello">
    <slot name="example">
      <h2 v-if="true">Before</h2>
    </slot>
  </div>
</template>

2. Create a parent component with the following code:

<template>
  <div id="app">
    <HelloWorld>
      <template #example>
        <h2 v-if="loaded">
          <!-- content needs to access a variable -->
          <span>After {{ foobar }}</span>
        </h2>
      </template>
    </HelloWorld>
    {{ loaded }}
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';

export default {
  name: 'App',
  components: {
    HelloWorld,
  },
  data() {
    return {
      loaded: false,
      foobar: 123,
    };
  },
  mounted() {
    window.setTimeout(() => {
      console.log('LOADED CHANGED');
      this.loaded = true;
    }, 3000);
  },
};
</script>

What is expected?

After 3 seconds the slot content gets replaced with After 123.

What is actually happening?

A error gets thrown and the default slot content gets rendered:

System Info

No response

Any additional comments?

No response

[jleifeld]

If anyone else have this issue and need a hack to solve this problem you can use <div style="display: none;"></div> inside the slot. Then it works again.

[baiwusanyu-c]

This is similar to #7256, let me think about how to solve it

https://deploy-preview-7266--vue-sfc-playground.netlify.app/#eNp9U01v2zAM/SuaLm2BNj70FrjZR9AB22Erth11UWzaUSNLgiSnAQz991FU7ATDNl9s8j0+kdTzxD86tzqOwNe8Do1XLrIAcXQbYdTgrI9sYh46lljn7cBukHqzQFtrolQG/BlcVVs7kBxyhGmsCSi3t2/sKYvcdlIHuBOmrspReAgGEQanZQSMGKt3Y4zWsA+NVs3hSfBz+bv8Fpw4jEXb9xrYA5umop8SFVeluigt3VEoYt2qIzs+qO6suqghNzhpNtOU0ylhezksYF1hWRHE6S6KdbX0ze95DDhsp/rVa7AGdznRkbzBdSgN/ruLCpch+JoRkjGptX37SrnoR7if880emsNf8q/hlHOCv3gI4I8g+IJF6XuIBX7++Q1O+L2Ag21Hjez/gD8gWD3mHgvt02habPuKR91+oWtXpv8Vnk8RTJiHyo1mZiK+4OiA7IR/jX5p93H1SHXCJNzi7J4rM2pperyviAKzMT1WtNDhPbx460I9UYaREbZ7pVsP5v2a7azVIA2BaXN7lz8uxsOAEhfzkUgdtC3on46hEdEx5Sx8PuNKdrI50F8AJs7I2TBFrlr0rv2SfgPDByl7

[edison1105]

similar to #9200