Vue组件在隐藏的下拉菜单下不呈现html

Question

<div class="dropdown notification-dropdown" data-toggle="dropdown"> <a href="#" class=" nav-link" title="search"><img src="{{ asset('front/img/notification-bell-ico.svg') }}" alt=""> </a>
<ul class="dropdown-menu"> <div class="card notification-card"> <div class="card-header"> <p>Notification</p> <a href="notification.html">See all</a> </div> <notification :user="{{ auth()->user() }}"></notification> </div> </ul> </div>

我正在将我的 vue 组件作为通知加载为上面代码中的种子，但是当我单击标题铃图标打开它时它不会呈现 html 不知道怎么解决

如果有任何帮助将不胜感激。

提前致谢。

Answer 1

您的 sn-p 看起来像一个刀片模板，并且通知铃声通常位于网站的标题区域。您的标头可能不在 Vue 控制的根元素内。