Vue材质套件PRO选择活动选项卡

Question

我正在使用Vue Material Kit PRO模板，并且试图动态更改JavaScript函数中的活动标签

我有

             <tabs
                pills-align="center"
                :tab-active= 1
                :tab-name="['Monthly', 'Yearly']"
                plain
                color-button="success"
              >
                <!-- here you can add your content for tab-content -->
                <template slot="tab-pane-1" />
                <template slot="tab-pane-2" />
              </tabs>

我知道在哪里

        tab-active = 1

，如果我将其设置为

       tab-active = 2

然后将显示该页面，其中选项卡2处于活动状态。

但是，我尝试设置

    :tab-active =  activeTab 

并包含脚本

          activeTab: 1

那很好用。

但是，如果我尝试将其更改为

      this.activeTab = 2

什么都没有发生。有人可以指出我正确的方向吗？