微信小程式表單元件資料的動態獲取Demo

2021-09-29 16:39:56 字數 562 閱讀 5576

//wxml

//data-name屬於自定義的屬性,可以在js的dom操作中通過dataset屬性來獲取。相同的data-name屬性,是為了動態的獲取資料

'text' placeholder=

'請輸入你的密碼' data-name=

'username' bindinput=

'gainimportvalue'

/>

'password' placeholder=

'請輸入你的密碼' data-name=

'password' bindinput=

'gainimportvalue'

/>

//js

page(,

gainimportvalue

(e);

obj[name]

=e.detail.value;

//通過此方法為物件動態的設定屬性

this

.setdata

(obj)

;//這樣就實現了資料的雙向繫結}}

)

微信小程式表單

先看看效果 確認提交麼?提示 清空成功 page toast1change function e 彈出確認框 modaltap function e confirm one function e cancel one function e 彈出提示框 modaltap2 function e mod...

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...

微信小程式 元件

官方文件見 我們的封裝 var basecomponentoption require utils basecomponentoption var option basecomponentoption.init 最小值限制 min 最大值 max 當前值 value 傳參物件,和 官方文件一致,只是...