1、element里面有tabs标签切换组件,但是产品每次设计页面的时候嫌弃样式不好看,所以自己封装了个组件

2、可以在自己项目公共文件夹下面新建页面

<template>
<div class="tab-lists">
<div class="tab-list">
<div v-for="(item,index) in tabList"
class="tab-item"
:class="active === index ? 'selected':''"
@click="clickTab(index)">
{
{ item.name }}
<div class="line"
:class="active === index ? 'selected':''" />
</div>
</div>
</div>
</template>
<script>
export default {
name: 'TabLists',
components: {},
filters: {},
mixins: [],
props: {
// 数组列表
tabList: {
type: Array,
default: []
},
// 默认选中第一个
active: {
type: Number,
d

本文介绍了如何因为产品设计需求,自己封装一个前端tabs标签切换组件。内容包括在项目公共文件夹创建组件页面,以及在main.js全局或特定页面引入组件的实现方式。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



