vue tab实例

本文主要是介绍vue tab实例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

                                                        vue tab实例

vue tab选择是我们很常用的一个小功能，这里只是做一个记录，方便查阅，就举一个简单的例子了。效果如图所示：

 一、vue代码

（1）html部分

<div class="dataSelect"><ul><li v-for="item in navList" :key="item.name" :class="{active: item.name === selectedNav}" @click="clickNavItem(item)">{{item.title}}</li></ul>
</div>

（2）js data部分

navList: [{name: 'yesterday',title: '昨日',desc: ''},{name: 'today',title: '今日

这篇关于vue tab实例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---