如何解决使用 vuejs 登录时热重载
我在 Laravel 中使用 vuejs 登录,当我从登录推送到仪表板时,我的侧边栏小部件不起作用,当我通过 F5 热重新加载它们时,它就起作用了。我找到了很多如何在 vuejs 中重新渲染 dom 的解决方案 我遵循这种方法,但侧边栏小部件仍然无法正常工作
export default {
data:function(){
return{
componentKey: 0,}
},mounted(){
forceRerender() {
this.componentKey += 1;
}
}
}
侧边栏.vue
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand logo -->
<a href="" class="brand-link">
<img src="images/admin/AdminLTElogo.png" alt="AdminLTE logo" class="brand-image img-circle elevation-3"
style="opacity: .8">
<span class="brand-text font-weight-light">Administrator</span>
</a>
<div class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
<img src="images/admin/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
</div>
<div class="info">
<a href="" class="d-block">Hadi Niazi</a>
</div>
</div>
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item has-treeview menu-open">
<a href="" class="nav-link active">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
</p>
</a>
</li>
<li class="nav-item">
<a href="pages/widgets.html" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Widgets
<span class="right badge badge-danger">New</span>
</p>
</a>
</li>
<li class="nav-item has-treeview">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-copy"></i>
<p>
Student Record
<i class="fas fa-angle-left right"></i>
<span class="badge badge-info right">6</span>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<router-link class="nav-link" :to="{ name: 'UploadStudentList' }">
<i class="far fa-circle nav-icon"></i>
<p>Upload List</p>
</router-link>
</li>
</ul>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->
</div>
<!-- /.sidebar -->
</aside>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。