teleport問題
来源：1-5 Teleport 传送门功能
齊帥
2021-02-01 12:09:12
<div class="area">
<button @click="handleBtnClick">按钮</button>
<teleport to="#hello">
<div class="mask" v-show="show">{{message}}</div>
</teleport>
</div>
老師你這邊直接把<div class="mask" v-show="show">{{message}}</div>這個放到area區域外面不可以嗎?為什麼要用teleport呢?
写回答
1回答
-
同学你好，对于你的问题解答如下：
1、直接放在area区域外也是可以的
2、因为area下的内容是看作为一个整体的，将mask放在外面，虽然可以实现效果，但是不利于代码结构阅读，所以老师才引入了这个新的功能teleport，这样不需要更改书写的html结构，也可以实现效果。
祝学习愉快~
0
相似问题