vue-elementui踩坑 tab頁手動切換無效


<el-tabs>標簽下有標注了屬性,value (或者v-model)

value代表了當前是在哪個tab頁,可以通過綁定值的方式來手動切換tab頁

如果修改綁定值,那么tab頁就會切換到對應name的<el-tab-panel>

但是有的時候,手動切換會無效。。

原因竟然是點擊tab頁的時候,綁定值不會有變化。。

比如tab頁1的name是[name-1]

tab頁2的name是[name-2]

<el-tabs>的value為空 第一次給這個綁定值賦值

從空到name-1 那么頁簽會切換到第一頁,不論現在是在哪一頁

這時候,手動點擊tab頁2的標簽,當前頁會切換到tab頁2,可是綁定值沒變,綁定值用console打出來還是name-1

於是你再賦值,從name-1賦值到name-1 element認為沒有任何變化,於是界面也不會執行任何操作

 

所以要手動加上這個觸發事件,讓tab頁在被點擊的時候,去修改設置的那個綁定值變量

這也是算是vue-element的一個坑吧


免責聲明!

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



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