antd-vue使用--tabs切换重复触发事件
tab越多,点击切换tab时,触发的次数越多,如果在里面渲染组件,会造成组件多次执行生命周期解决方案:增加 v-if="activeKey === pane.key" 判断,不是切换的key不渲染<a-tabsv-model="activeKey"type="editable-card"@change="changeTab"@edit="onEdit"><a-tab-panev-
·
tab越多,点击切换tab时,触发的次数越多,如果在里面渲染组件,会造成组件多次执行生命周期
解决方案:增加v-if="activeKey === pane.key"
判断,不是切换的key不渲染
<a-tabs
v-model="activeKey"
type="editable-card"
@change="changeTab"
@edit="onEdit"
>
<a-tab-pane
v-for="pane in panes"
:key="pane.key"
:tab="pane.title"
:closable="pane.closable"
>
<keep-alive>
<router-view v-if="activeKey === pane.key"></router-view>
</keep-alive>
</a-tab-pane>
</a-tabs>
更多推荐
已为社区贡献3条内容
所有评论(0)