解决shiro权限标签问题

背景:
后台系统用了shiro标签来管理权限，ul下有两个tab页，当只有一个tab的权限时，要使当前唯一tab一定是激活的样式，而且条件筛选的model跟随tab页变化。

RT:

Paste_Image.png Paste_Image.png Paste_Image.png

<ul class="nav nav-tabs tabs-flat">
                <li shiro:hasPermission="ds-bill:consumer-view" class="active" v-on:click="consumerTab" ><a href="#info-list" id="tab_consumer_list" data-toggle="tab">消费商合同管理</a></li>
                <li shiro:hasPermission="ds-bill:consumer-view" class="" v-on:click="providerTab" ><a href="#info-list" id="tab_provider_list" data-toggle="tab">供应商合同管理</a></li>
            </ul>

一开始想根据li 的class="active"来监控tab的变化，奈何试了多种方式都不能成功，于是菜鸡的我果断求助于jquery粑粑(强烈建议不要使用jq🙈)，将jq和vue结合起来使用，于是：

Paste_Image.png

总算解决了上面的问题。
vue简单不易，且用且珍惜。 😂