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

微信小程序多數(shù)據(jù)實現(xiàn)雙向綁定 - 新聞資訊 - 云南小程序開發(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) >

微信小程序多數(shù)據(jù)實現(xiàn)雙向綁定

發(fā)表時間:2021-1-5

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

瀏覽次數(shù):49

我們都知道小程序數(shù)據(jù)只有單向綁定,但是業(yè)務(wù)中就是會出現(xiàn)那么多小驚喜。既然解決不了給驚喜的人我們就自己變成驚喜,下面就分享我的一個小小的發(fā)現(xiàn)

當(dāng)當(dāng)當(dāng) 就是他 就是他 input

input是微信小程序里本就有的事件 它有一個神仙屬性 e.detail.value 現(xiàn)在我們就來安排他 

先給他來個數(shù)據(jù)


現(xiàn)在我們把這組數(shù)據(jù)循環(huán)到頁面上,不說了直接上圖

頁面渲染了我們的數(shù)據(jù)怎么綁定呢

下面開始做筆記了哈 小本本拿出來

紅框框里的超級重要 超級重要 超級重要 重要的事情要說三遍 我們用小程序給事件傳值的方式將上面數(shù)組的下標(biāo)和鍵名傳給處理函數(shù) i===下標(biāo) ====>item===鍵名

獲取了下標(biāo)和鍵名后我們該干什么呢 對對對 綁定數(shù)據(jù) 這就跟跟追菇?jīng)鲆粯?聊天之后該約出來了賽 

let 一個走進菇?jīng)鲂睦锏淖兞?/p>

let item = e.currentTarget.dataset.item;

菇?jīng)龀鰜砹四悴荒軟]有安排呀 帶她去玩劇本殺、歡樂谷 讓她的心怦怦跳

let i = e.currentTarget.dataset.i

const equipment = this.data.equipment

我們該怎么辦呢

超級重要的:e.detail.value

使用 equipment[i][item] = e.detail.value 這里我們用使用數(shù)組的方法先找到下標(biāo)再通過鍵名修改屬性值,這一步到了我們就完成了一大步啦 ##

放大招

this.setData({ equipment: equipment, })

溫馨小提示:這上面的數(shù)據(jù)加多少對象都是可以的哦

我們是不是完成了???? 最后上我們的函數(shù)圖

作者:廖林
來源:掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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