微信小程式踩坑記之input

2022-02-28 17:36:10 字數 1777 閱讀 4627

好久沒有寫過部落格了,感覺生疏了,其實是變懶了。

背景說明:不是初期開發者,是後來進來公司維護和新加功能的

好了,好像廢話太多了,正式開始bindblur="getimgcode"

先貼**

<

view

class

="form-group"

>

<

input

type

="text"

value

="}"

name

="imagevalue"

bindinput

="get_code"

confirm-type

="done"

class

="form-input"

placeholder

="請輸入驗證碼"

/>

<

image

class

="image"

src="}"

bindtap

="on"

>

image

>

view

>

//

獲取驗證碼

get_code: function

(res))

},

是做登入頁面的乙個驗證碼的輸入。正常就是這樣取到這個input的值的,然而 事情總是不正常的,在開發者工具上可以取到值,在部分安卓機和部分ios機型就取不到值了,很是令人費解的乙個問題,然後就是上開發者社群去看有沒有相似的情況,有,貼圖如下

果然有,但是官方並沒有給出解答方案,就只有自己去弄了。找了半天又重新回歸到小程式官方文件來了,看了input元件的說明,換了乙個事件用bindblur來試,之前那批取不到值的安卓機型可以取到值了但是之前可以的正常機型卻變的取不到值了。

所以想,能不能有兩個事件來取值,於是**是這樣的

<

view

class

="form-group"

>

<

input

type

="text"

value

="}"

name

="imagevalue"

bindblur="getimgcode" bindinput="get_code"

confirm-type

="done"

class

="form-input"

placeholder

="請輸入驗證碼"

/>

<

image

class

="image"

src="}"

bindtap

="on"

>

image

>

view

>

//獲取驗證碼

getimgcode: function(res))

},get_code: function (res) )

},//取值

const input要取到的值 = that.data.imagevalue || that.data.img_val;

這樣,測試的真機型都能取到值,用邏輯 || 二選一,總有乙個適合你。算是完美解決。

微信小程式踩坑記

img v weui uploader bd style width 750rpx height 400rpx background color pink 以下為無效樣式 2.image影象寬高設定失敗,原因是在wxml中通過style屬性直接設定是無效的,需要通過class命名然後在wxss中進行...

微信小程式開發 踩坑

坑一 vm2507 1 sat feb 04 2017 21 46 27 gmt 0800 中國標準時間 渲染層錯誤 vm2507 2 syntaxerror invalid or unexpected token anonymous vm2507 2 vm2509 1 sat feb 04 201...

微信小程式部署踩坑

注意 進入這個 勾選這兩個,將apache下的 2 todo.pibigstar.com.crt 放到 第乙個文字域裡面,3 todo.pibigstar.com.key放到 第二個文字域裡面 你勾選之後,文字域就會出來了 1.對應的伺服器證書無效。控制台輸入 showrequestinfo 可以獲...