Javascript Vue门户条件是否启用门户？

我想使用Vue Portal在导航栏（父组件）上注入一些信息

因此，在组件中，我可以执行以下操作：

<portal to="navbar">
   <b-button>Some option</b-button>
</portal>

一些选择

因此，在导航栏组件中，我有：

<portal-target name="navbar"></portal-target>

但我想在导航栏中添加一个分隔符当且仅当门户启用时：

<b-nav-text v-if="$portal.navbar.enabled">|</b-nav-text> 
<portal-target name="navbar"></portal-target>

|

---

显然，

$portal

原型不可用。。。还有什么选择？

这可以通过CSS轻松完成

.portal {
  position: relative;
  color: #000;
}
.portal:after {
  display: block;
  position: absolute;
  right: 0 // or left, depends on your design.
  content: "|" // or content: "" and the styles down below
  top: 0; // or any value
  bottom: 0;  // or any value
  width: 1px;  // or any value
  background: currentColor;
}