vue 关于置顶div的问题

Question

两个div，点击第二个div里面的置顶，会和第一个互换位置，会排到首个位置，如下图

以下是代码（已经把css部分代码忽略）

模板代码

<template>

    <div>

        <div

            class="follow_contents_wrap"

            v-for="(list,index) in follow_contents"

            @mouseenter="btnsNow=index"

            @mouseleave="btnsNow=-1"

            v-dragging="{ item : list,list : follow_contents }"

            :key="list.title">

            <div 

                class="follow_contents_title_wrap">

                <div 

                    class="follow_contents_title_left"

                    @click="showList===index ? showList=-1 : showList=index"

                    :style="{borderBottom: '1px solid rgba(240,240,240,'+ changebackgroundopacity +')'}">

                    <div 

                        class="follow_contents_title_icon"

                        :class="index===showList?'':'special_none'">

                        <em></em>

                    </div>

                    <div class="follow_contents_title_name">

                        <span>

                            {{ list.title }}

                        </span>

                    </div>

                    <div class="follow_contents_title_counts">

                        <span>

                            (

                            {{ list.counts }}

                            )

                        </span>

                    </div>

                    <div class="div_clear"></div>

                </div>

                <div 

                    class="follow_contents_title_right"

                    v-show="index===btnsNow">

                    <div>

                        <span>添加</span>

                    </div>

                    <div

                        :class="index===0 ? 'top_index' : ''"

                        @click="">

                        <span>置顶</span>

                    </div>

                    <div class="div_clear"></div>

                </div>

            </div>

            <div 

js部分代码

Answer 1

let arr = [0, 1, 2, 3]function toTop (index) {&nbsp; &nbsp; if (index >= arr.length || index === 0) {&nbsp; &nbsp; &nbsp; &nbsp; return&nbsp; &nbsp; }&nbsp; &nbsp; let tempArr = JSON.parse(JSON.stringify(arr))&nbsp; &nbsp; return tempArr.splice(index, 1).concat(tempArr)}

Answer 2

已经解决，谢谢各位大神，如图