vue調用for循環動態組件的方法


1.創建元素時,無需動態添加變量,直接寫入相同的ref
<el-tab-pane
:lazy="true"
:stretch="true"
v-for="(item, index) in editableTabs"
:key="index"
:label="item.title"
:name="item.name"
>
<component ref="tab" :is="item.component" style="height: 100%"></component>
</el-tab-pane>
</el-tabs>

2.調用時根據順序使用index去調用
this.$refs.tab[0].rightTreeClickEvent(null);
this.$refs.tab[1].rightTreeClickEvent(null);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM