第小程序?qū)崿F(xiàn)上下切換位置本文實例為大家分享了小程序?qū)崿F(xiàn)上下切換位置的具體代碼，供大家參考，具體內(nèi)容如下

小程序上下切換位置

wxml

viewwx:for="{{companyData}}"wx:key="index"

view{{}}/view

viewwx:if="{{index!=0}}"data-index="{{index}}"bindtap="topClick"

/view

viewwx:if="{{index!=companyData.length-1}}"data-index="{{index}}"bindtap="bottomClick"

/view

/view

js:

//pages/yidong/yidong.js

Page({

*頁面的初始數(shù)據(jù)

data:{

companyData:[

id:0,

name:'產(chǎn)品1'

id:1,

name:'產(chǎn)品2'

id:2,

name:'產(chǎn)品3'

id:3,

name:'產(chǎn)品4'

id:4,

name:'產(chǎn)品5'

//位置向上移動

topClick:function(e){

varthat=this

varindex=e.currentTarget.dataset.index

varone=panyData[index]

vartwo=panyData[index-1]

varindex2=index-1

vardata1="companyData["+index+"]"

vardata2="companyData["+index2+"]"

that.setData({

[data1]:two,

[data2]:one

//位置向下移動

bottomClick:function(e){

varthat=this

varindex=e.currentTarget.dataset.index

varone=panyData[index]

vartwo=panyData[index+1]

varindex2=index+1

vardata1="companyData["+index+"]"

vardata2="companyData["+index2+"]"

that.setData({

[data1]:two,

[data2]:one

*生命周期函數(shù)--監(jiān)聽頁面加載

onLoad:function(options){

*生命周期函數(shù)--監(jiān)聽頁面初次渲染完成

onReady:function(){

*生命周期函數(shù)--監(jiān)聽頁面顯示

onShow:function(){

*生命周期函數(shù)--監(jiān)聽頁面隱藏

onHide:function(){

*生命周期函數(shù)--監(jiān)聽頁面卸載

onUnload:function(){

*頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作

onPullDownRefresh:function(){

*頁面上拉觸底事件的處理函數(shù)

onReachBottom:function(){

*用戶點擊右上角分享

onShareAppMessage:function(){

})

以上僅供參考，方便大家學(xué)習(xí)??！

為大家推薦