小程式 log居中 失焦獲取表單中的值

2022-03-14 23:29:13 字數 874 閱讀 3820

value="}" 繫結值 值在js檔案的data中

pa==>vant-weap中表單中的值,不是雙向繫結的。 你獲取值後, 值並沒有在對用的data中,你要賦值到data裡。

設定值是 通過 this.setdata()

通過事件獲取值。 準確的說是通過事件名中的引數event來獲取值

bind:blur="getname" 這是失焦事件 使用的是blur

bindtap="getalldata" 點選 下壓的時候就會觸發

提交

/* 姓名部分 css */

/* 按鈕距離左右有間距

直接在按鈕外層巢狀乙個view 然後使用padding:auto 10px 就可以了

*/.form-box

/* 如何讓van-field距離上下有間距,你要作用在原生的元素(view)上才有作用

.field-index--van-field 這個類是作用在view身上的 所以才有用

只有作用在view(原生上的元素-----才有用的)

*/.username-box .field-index--van-field

js 事件名 直接寫在js檔案中就可以了 不需要新增什麼 跟vue不同哈

data: ,

// 獲取姓名

getname(event) )

},// 獲取手機號

小程式中form 表單提交和取值方法

我們直接給 input 新增 bindinput,比如 可以在 onusernameinput 中直接使用 e.detail.value,即 onusernameinput function e 但是,如果有多個輸入控制項,我們不可能為每個控制項新增 bindinput bindchange 這類方...

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

wxml data name屬於自定義的屬性,可以在js的dom操作中通過dataset屬性來獲取。相同的data name屬性,是為了動態的獲取資料 text placeholder 請輸入你的密碼 data name username bindinput gainimportvalue pass...

微信小程式 form表單 獲取使用者輸入文字框的值

獲取暱稱 nickname function e console.log 暱稱 this.data.nickname 獲取姓名 realname function e console.log 姓名 this.data.realname 獲取詳細位址 detailaddress function e ...