2023年微信小程序 簡易雙向綁定
微信小程序 簡易雙向綁定
微信小程序是一種非常流行的快速開發(fā)應(yīng)用程序的工具,而簡易雙向綁定是其中一個(gè)非常有用的功能。通過它,我們可以實(shí)現(xiàn)頁面上數(shù)據(jù)的雙向綁定,在用戶修改頁面上的數(shù)據(jù)時(shí),可以自動(dòng)更新數(shù)據(jù)模型,從而避免手動(dòng)操作。
1. 雙向綁定語法
在 WXML 中,普通的屬性的綁定是單向的。如果要在用戶輸入時(shí)同時(shí)改變數(shù)據(jù)模型,需要借助簡易雙向綁定機(jī)制。此時(shí),可以在對(duì)應(yīng)項(xiàng)目之前加入 ?model
?: 前綴。
用于雙向綁定的表達(dá)式有如下限制:
- 只能是一個(gè)單一字段的綁定;如<input model:value="值為 {{value}}" />和<input model:value="{{ a + b }}" />都是非法的;
- 目前,尚不能使用 data 路徑,如<input model:value="{{ a.b }}" />這樣的表達(dá)式目前暫不支持。
2. 在自定義組件中傳遞雙向綁定
雙向綁定同樣可以使用在自定義組件上。自定義組件可以將自身的 ?屬性
? 雙向綁定到組件內(nèi)部的元素屬性上。這樣,當(dāng)組件內(nèi)部元素屬性的值更改時(shí),自定義組件的屬性也會(huì)相應(yīng)地進(jìn)行更新。
3. 在自定義組件中觸發(fā)雙向綁定更新
自定義組件還可以自己觸發(fā)雙向綁定更新。做法就是:使用 setData 設(shè)置自身的屬性。如果頁面中使用了該組件,并且指定了一個(gè)數(shù)據(jù)對(duì)象作為其屬性值,在組件內(nèi)部調(diào)用 setData 更新屬性之后,頁面對(duì)應(yīng)路徑的數(shù)據(jù)也會(huì)發(fā)生變化,從而使得頁面渲染發(fā)生改變。
<本文由himall原創(chuàng),商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對(duì)性的提供不同行業(yè)內(nèi)的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對(duì)接海關(guān)/保稅倉
支持多國國際語言
對(duì)接Paypal國際支付
幫助跨境外貿(mào)企業(yè)搭建跨境進(jìn)口/出口電商平臺(tái),搶占國際電商市場(chǎng),針對(duì)企業(yè)需求定制個(gè)性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結(jié)算
節(jié)約平臺(tái)財(cái)務(wù)成本
降低平臺(tái)招商成本
在合法、合規(guī)的前提下,為電商平臺(tái)提供資金收付、賬戶管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級(jí)階梯批發(fā)價(jià)
布局全渠道批發(fā)入口
專屬批發(fā)訂貨市場(chǎng)
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺(tái),整合線下批發(fā)資源,拓展線上批發(fā)渠道,實(shí)現(xiàn)批發(fā)業(yè)務(wù)24小時(shí)在線經(jīng)營
-
MRO工業(yè)品采購平臺(tái)系統(tǒng)|MRO工業(yè)品采購平臺(tái)系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購平臺(tái)系統(tǒng) 是一款集產(chǎn)、研、銷于一體的綜合性解決方案,專為解決工業(yè)品企業(yè)的采購難題而設(shè)計(jì)。該系統(tǒng)通過...詳情
-
電子元器件采購商城系統(tǒng)|電子元器件采購商城系統(tǒng)有哪些功能
最新消息:電子元器件采購商城系統(tǒng) 是專為滿足電子元器件行業(yè)復(fù)雜業(yè)務(wù)流程需求而設(shè)計(jì)的綜合性平臺(tái)。它不僅提供了全面的技術(shù)支持...詳情
【本站聲明】
1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識(shí),請(qǐng)您不要用于其他用途;
2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無關(guān),系他人的商品或服務(wù),本網(wǎng)站對(duì)于該類商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利;
3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保;
4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類商品/服務(wù)詳細(xì)的資訊,請(qǐng)您直接與該類商品/服務(wù)的提供者聯(lián)系。