为了账号安全,请及时绑定邮箱和手机立即绑定

vue 关于置顶div的问题

vue 关于置顶div的问题

侃侃尔雅 2019-03-21 18:19:51
两个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部分代码
查看完整描述

3 回答

?
Helenr

TA贡献1780条经验 获得超4个赞

let arr = [0, 1, 2, 3]

function toTop (index) {

    if (index >= arr.length || index === 0) {

        return

    }

    let tempArr = JSON.parse(JSON.stringify(arr))

    return tempArr.splice(index, 1).concat(tempArr)

}


查看完整回答
反对 回复 2019-03-28
?
慕森卡

TA贡献1806条经验 获得超8个赞

https://img1.sycdn.imooc.com//5c9c270e0001c1c507430157.jpg已经解决,谢谢各位大神,如图

查看完整回答
反对 回复 2019-03-28
  • 3 回答
  • 0 关注
  • 2251 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信