問題描述：
在開發(fā)過程中數(shù)據(jù)經(jīng)常以對象方式組織，對頁面修改數(shù)據(jù)進(jìn)行保存時使用this.data.obj無法獲取修改后數(shù)據(jù)。
官方文檔解釋 簡易雙向綁定
1.只能是一個單一字段的綁定
<input value="{{value}}" />
2.目前，尚不能 data 路徑，如
<input model:value="{{ a.b }}" />
這通常不滿足我們?nèi)粘ｉ_發(fā)需要
解決辦法
通過在input框中設(shè)置name屬性,
然后在函數(shù)中使用e.detail.value獲取form數(shù)據(jù)
<form catchsubmit="saveChangeHouse">
<view>
<input hidden="true" name="id" value="{{house.ID}}"/>
<t-input type="text" name="xmmc" value="{{house.xmmc}}" label="項目名稱" placeholder="請輸入項目名稱" ></t-input>
<t-input type="number" name="mj" value="{{house.mj}}" label="面積(㎡)" placeholder="請輸入房屋面積" ></t-input>
<t-input type="text" name="hx" value="{{house.hx}}" label="戶 型" placeholder="請選擇戶型" ></t-input>
<t-input type="text" name="cx" value="{{house.cx}}" label="朝 向" placeholder="請選擇朝向" ></t-input>
<t-textarea label="說 明" name="sm" placeholder="請?zhí)顚懻f明" value="{{house.sm}}">
</t-textarea>
</view>
<view>
<t-button type="submit" data-method="save"theme="light" size="large" style="width: 100%;margin-top: 10px;" >暫存</t-button>
</view>
</form>
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
house:{},
},
saveChangeHouse(e){
let method = e.detail.target.dataset.method;
let data= {
house:e.detail.value,
method:method
}
})
PS：
網(wǎng)上其他博主使用 model:value綁定，對于data.路徑親測無效文章來源：http://www.zghlxwxcb.cn/news/detail-546221.html
<t-input type="number" model:value="{{house.mj}}" label="面積(㎡)" placeholder="請輸入房屋面積" ></t-input>
歡迎大家交流探討文章來源地址http://www.zghlxwxcb.cn/news/detail-546221.html
到了這里，關(guān)于微信小程序form頁面數(shù)據(jù)雙向綁定data路徑的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
