Vue Paper Dashboard 2 PRO自定义组件

Question

我正在尝试自定义Vue Paper Dashboard 2 PRO。 在TopNavBar.vue中，

<div class="navbar-minimize">
        <button id="minimizeSidebar" class="btn btn-icon btn-round" @click="minimizeSidebar">
          <i class="nc-icon nc-minimal-right text-center visible-on-sidebar-mini"></i>
          <i class="nc-icon nc-minimal-left text-center visible-on-sidebar-regular"></i>
        </button>
      </div>

此按钮可以最小化导航栏。

如何将此组件移至SideBar.vue文件？

我将以下代码移至SideBar.vue。

<div class="navbar-minimize">
        <button id="minimizeSidebar" class="btn btn-icon btn-round" @click="minimizeSidebar">
          <i class="nc-icon nc-minimal-right text-center visible-on-sidebar-mini"></i>
          <i class="nc-icon nc-minimal-left text-center visible-on-sidebar-regular"></i>
        </button>
      </div>

minimizeSidebar() {
      this.$sidebar.toggleMinimize()
    },

但是，当单击按钮时，侧边栏不起作用。 我错过了什么代码？