tab点击切换，简单实例_使用ul实现tab

<template>
    <div class=" padding-50 tabchange" style="color:yellow;">
        <ul class="title-ul clearfix">
            <li class="title-lists active">tab1</li>
            <li class="title-lists ">tab2</li>
            <li class="title-lists ">tab3</li>
        </ul>
        <ul class="content-ul clearfix">
            <li class="content-lists active">内容1</li>
            <li class="content-lists">内容2</li>
            <li class="content-lists">内容3</li>
        </ul>

    </div>
</template>

<script>
export default {
   
    methods: {
   
        tabchanges(){
   
            var parent = document.querySelector('.tabchange');
            var tabtitle=parent.que
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24