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进行检查的方法。
但是您的方法消除了这种开销。是的,很容易。