新聞中心
今天就跟大家聊聊有關(guān)怎么在微信小程序中動態(tài)添加和刪除組件,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
十年的師宗網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整師宗建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“師宗網(wǎng)站設(shè)計(jì)”,“師宗網(wǎng)站推廣”以來,每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
一、基本思路
1、通過改變數(shù)組長度動態(tài)增刪組件
組件
2、點(diǎn)擊添加按鈕,增加數(shù)組的成員,組件相應(yīng)增加
點(diǎn)擊刪除按鈕,減少數(shù)組的成員,組件相應(yīng)刪除
二、示例
wxml:
js:
data: { obj:[] }, /***增加組件 */ onTapAdd:function(e){ var temp=this.data.obj; temp.push(this.data.obj.length); this.setData({ obj:temp }) }, /***** 刪除最后一個組件,也可以修改刪除指定組件*/ onTapDel:function(e){ var temp = this.data.obj; temp.pop(this.data.obj.length); this.setData({ obj: temp }) },
PS:微信小程序動態(tài)添加view
//index.html//index.js data: { info:[], value:'', }, clickMe:function(){ var info = this.data.info; var title = this.data.title; var info2 = new Object(); info2.title = title; info.push(info2); console.log(info) this.setData({ info:info }) }, getValue:function(e){ this.setData({ title:e.detail.value, }) }, {{info[index].title}}
看完上述內(nèi)容,你們對怎么在微信小程序中動態(tài)添加和刪除組件有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。
分享題目:怎么在微信小程序中動態(tài)添加和刪除組件
網(wǎng)頁網(wǎng)址:http://fisionsoft.com.cn/article/jdpgch.html