网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么在小程序中实现上下移动切换位置

今天就跟大家聊聊有关怎么在小程序中实现上下移动切换位置,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

汪清网站建设公司创新互联,汪清网站设计制作,有大型网站制作公司丰富经验。已为汪清成百上千提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的汪清做网站的公司定做!


   {{item.name}}
   
   
   
   
   
   
data{
 companyData:[
  {
   id:0,
   name:'产品1'
  },
  {
   id:1,
   name:'产品2'
  },
  {
   id:2,
   name:'产品3'
  },
  {
   id:3,
   name:'产品4'
  },
  {
   id:4,
   name:'产品5'
  }
 ]
}
//位置向上移动
topClick: function(e) {
 var that = this
 var index = e.currentTarget.dataset.index
 var one = that.data.companyData[index]
 var two = that.data.companyData[index - 1]
 var index2 = index - 1
 var data1 = "companyData[" + index + "]"
 var data2 = "companyData[" + index2 + "]"
 that.setData({
  [data1]: two,
  [data2]: one
 })
 },
 // 位置向下移动
 bottomClick: function(e) {
 var that = this
 var index = e.currentTarget.dataset.index
 var one = that.data.companyData[index]
 var two = that.data.companyData[index + 1]
 var index2 = index + 1
 var data1 = "companyData[" + index + "]"
 var data2 = "companyData[" + index2 + "]"
 that.setData({
  [data1]: two,
  [data2]: one
 })
 }

看完上述内容,你们对怎么在小程序中实现上下移动切换位置有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网站标题:怎么在小程序中实现上下移动切换位置
网页网址:http://bjjierui.cn/article/ghhdie.html

其他资讯