vux的tab控件实现头部tab栏切换功能

项目中使用vux的tab控件实现头部tab栏切换功能

1、子组件定义(例:tab1):






2、在app.vue中,通过v-for循环遍历tab页签,通过:class绑定当前选中tab样式。tab切换主要依靠组件component实现,通过@click处理内容页的切换。具体代码如下:







3、实现效果如下:
vux的tab控件实现头部tab栏切换功能_第1张图片

你可能感兴趣的:(Vue,Vux,webApp)