在vue3中通过teleport可以指定teleport标签中的元素在哪个组件出现。
示例代码:
<template>
<div class="app">
<teleport to="#wzx">
<h2>当前计数</h2>
<button>+1</button>
<hello-world></hello-world>
</teleport>
<teleport to="#wzx">
<span>呵呵呵呵</span>
</teleport>
</div>
</template>
<script>
import HelloWorld from './HelloWorld.vue';
export default {
components: {
HelloWorld
},
}
</script>
<style scoped>
</style>