这次给大家带来vue2 tab切换选项卡的方法,使用vue2 tab切换选项卡的注意事项有哪些,下面就是实战案例,一起来看一下。
最近在学习Vue,看是案例后随便做一个实践,一遍加深理解;这种简单又能实现效果的比较能够接受;
html:结构很简单:
components
{{item.content}} :{{key}}
js代码:
之前也是做了一个例子代码比较凌乱,这个用v-for做简化了;
立即学习“前端免费学习笔记(深入)”;
要点之一: 不要忘记 v-for的遍历顺序 值-键;
要点之二: 关于全局API Vue.set();的使用; 应该在change方法中的循环之后用 this.$set调用;
这里使用了一个小技巧就是关于active状态的值在改变后如何更新呢,
在其中后面加入一项,这一项并没有什么意义,而仅仅是调用$set方法让Vue知道;
要点之三: 关于component组件 is:who 如何引用到呢;把它发到被v-for遍历的一个 func属性中;这样就方便了;
事实上在data下再写一个变量来存放 com1 com2 com3 是不会生效的;
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:










