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