Vuejs vue-nav-tabs更改标签

时间:2017-10-02 18:50:43

标签: vuejs2

我在我的应用程序中使用VueJS2和此插件https://github.com/cristijora/vue-tabs作为标签。

我想更改标签的标题,我的问题是需要呈现的标签。

这是我的代码:

    <vue-tabs v-on:tab-change="handleTabChange">
        <v-tab v-for="(tab, index) in tabs" :title="tab.title">
            <div slot="title">
                <a v-if="! tab.change">{{tab.title}}</a>
                <div class="ui mini input" v-if="tab.change">
                    <input type="text" v-model="tab.title" />
                </div>

                <a @click.stop="updateTitle(index, true)" class="tab-icon"><i class="blue edit icon"></i></a>
                <a @click.stop="removeTab(index)" class="tab-icon"><i class="red remove circle icon"></i></a>
                <a @click.stop="updateTitle(index, false)" class="tab-icon" v-show="tab.change"><i class="green check circle icon"></i></a>
            </div>
            <dashboard-panel></dashboard-panel>
        </v-tab>
        <v-tab title="+">

        </v-tab>
    </vue-tabs>

当我点击updateTitle()时,我需要渲染标签。

我在代码中看到renderTabTitle()https://rawgit.com/cristijora/vue-tabs/master/dist/vue-tabs.js)。如何访问此方法以呈现我的标签?

0 个答案:

没有答案