知識
不管是網(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)案例查看更多
相關(guān)閱讀
- 政府網(wǎng)站建設(shè)服務(wù)
- 昆明軟件公司
- 云南網(wǎng)站建設(shè)首選公司
- 昆明做網(wǎng)站建設(shè)的公司排名
- 云南小程序開發(fā)
- 云南小程序定制
- 網(wǎng)站建設(shè)百度官方
- 小程序生成海報
- 快排推廣
- 小程序被騙退款成功
- 云南做網(wǎng)站
- 云南百度小程序
- 云南小程序開發(fā)費用
- 云南網(wǎng)站建設(shè)方案 doc
- 網(wǎng)絡(luò)營銷
- 云南建設(shè)廳網(wǎng)站
- 網(wǎng)絡(luò)公司排名
- 云南省建設(shè)廳網(wǎng)站
- 云南網(wǎng)站建設(shè)首選
- 紅河小程序開發(fā)
- 楚雄小程序開發(fā)
- 網(wǎng)站建設(shè)首選公司
- 汽車報廢回收
- 網(wǎng)站建設(shè)費用
- 海南小程序制作公司
- 云南建設(shè)廳官方網(wǎng)站
- 網(wǎng)站建設(shè)服務(wù)公司
- 網(wǎng)絡(luò)公司報價
- 云南小程序制作
- .net網(wǎng)站