欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序,組件增加刪除 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!

您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >

微信小程序,組件增加刪除

發(fā)表時間:2020-9-24

發(fā)布人:葵宇科技

瀏覽次數(shù):73

微信小程序,組件增加刪除

使用this.data.obj.splice(x,1);時,雖然數(shù)組的值去掉了,但是頁面是不會生效的,必須使用this.setData()來使頁面刷新。

下面給出兩種做法:
1、temp來搭橋,并重新賦值,使頁面生效
2、直接設(shè)置

js

Page({
  data: {
    obj:[],
    obj1:['1111111','222222','333333']
},
/***增加組件 */
onTapAdd:function(e){
  var temp=this.data.obj;
  var temp1=this.data.obj1;
  temp.push(temp1[temp.length]);
  this.setData({
    obj:temp
  })
},
/***** 可以修改刪除指定組件*/
onTapDel:function(e){

 //重點在這,必須搭橋,要定義一個新變量temp
  var temp = this.data.obj;
  //this.data.obj.splice(x,1);該做法雖然數(shù)組去掉了,但是頁面是不會生效的
  temp.splice(temp.length,1);
  //重設(shè)即可生效
  this.setData({
    obj: temp
  })
  /**
  或者直接setData
  this.setData({
    obj: this.data.obj.splice(this.data.obj.length,1)
  })
  */
},
})

wxml

<!--example/deleteComponent/deleteComponent.wxml-->
<view>
   <button bindtap='onTapAdd'>添加input組件</button>
   <button bindtap='onTapDel'>刪除Input組件</button>
   <view>
      <block wx:for="{{obj}}" wx:key="*this" >
          <text>{{item}}</text>
      </block>
    </view>
</view>

相關(guān)案例查看更多