Javascript 如果插槽未从父级传递,则进行条件渲染
以下面的代码为例:Javascript 如果插槽未从父级传递,则进行条件渲染,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,以下面的代码为例: <header> <slot name='header'></slot> <template v-if='?'> <h1>{{ someInput }}</h1> </template> </header> {{someInput}} 如果没有任何东西通过插槽,我想显示{{someinput}}。我可以用什么作为v-if中的条件?这就足够了: <he
<header>
<slot name='header'></slot>
<template v-if='?'>
<h1>{{ someInput }}</h1>
</template>
</header>
{{someInput}}
如果没有任何东西通过插槽,我想显示{{someinput}}
。我可以用什么作为v-if
中的条件?这就足够了:
<header>
<slot name='header'>
<h1>{{ someInput }}</h1>
</slot>
</header>
{{someInput}}
标记中最初包含的任何内容都被视为回退
内容。回退内容在子作用域中编译,仅
如果宿主元素为空且没有要显示的内容,则将显示
插入
从。这很容易,我找到了一种使用
$slots进行检查的方法。
但是您的方法消除了这种开销。是的,很容易。