Quasar Framework 中文社区

感谢明哥和句号哥的耐心指导。

问题 1：原因

<q-tab v-for="tab in tabs" :key="tab.name" v-bind="tab">
            <div v-if="tab.index == 0">
              <span> </span>
              <q-icon name="add" @click="addTab()"/>
            </div>
            <div v-else>
              <span> </span>
              <q-icon name="remove" @click="removeTab(tab)"/>
            </div>

          </q-tab>

这段代理 click 事件没有加防冒泡.stop。应该是：

<q-tab v-for="tab in tabs" :key="tab.name" v-bind="tab">
            <div v-if="tab.index == 0">
              <span> </span>
              <q-icon name="add" @click.stop="addTab()"/>
            </div>
            <div v-else>
              <span> </span>
              <q-icon name="remove" @click.stop="removeTab(tab)"/>
            </div>

          </q-tab>

问题 2：用 nextTick 可以实现。文档见：https://cn.vuejs.org/v2/api/#vm-nextTick