在很多网页中都运用了标签页,也就是选项卡的功能。
之前介绍了用 jquery和 vant组件实现tab栏切换的方法,接下来介绍一下Element UI中Tabs 标签页的使用。
1、基础用法
示例如下:
<template>
<div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="推荐" name="first">推荐</el-tab-pane>
<el-tab-pane label="百货" name="second">百货</el-tab-pane>
<el-tab-pane label="食品" name="third">食品</el-tab-pane>
<el-tab-pane label="水果" name="fourth">水果</el-tab-pane>
<