vue小技巧6有条件地渲染插槽

时间:2022-9-2    作者:悬浮的青春    分类: javascript


我们可以在我们的组件中使用这一点来检测哪些插槽已经被应用到组件中,例如,通过隐藏插槽的包装元素。

现在,应用样式的包装器div只有在我们用某些东西填充这个插槽时才会被渲染。
如果不使用v-if,那么如果没有插槽,就会得到一个空的不必要的div。根据div的样式,这可能会打乱我们的布局,让界面看起来很奇怪。

WRITTEN BY

avatar