通过动态定时器动态修改tooltipIndex的值加上定位实现元素动态切换效果

           <div class="tooltip"  :class="['tooltipLocation'+tooltipIndex]">

                     <div class="tip-trangle-bottom"></div>

                        <div class="tooltipTop">

                             <span>{{listMap.name}}</span>

                         </div>

                       <div class="tooltipBottom">

                       <span>管辖范围：{{listMap.jurisdictionalArea}}</span>

                        <span>地址: {{listMap.address}}</span>

                         <span>电话: {{listMap.phone}}</span>

                       </div>

             </div>

        this.getWangdian(1)

        this.timer = setInterval(() => {

            if (this.tooltipIndex <= 7) {

                this.tooltipIndex++;

            } else {

                this.tooltipIndex = 1;

            }

            this.getWangdian(this.tooltipIndex)

        }, 6000); // 每秒执行一次逻辑