微信小程式 textarea字數限制與計算

2021-09-19 07:51:42 字數 667 閱讀 4267

先看效果圖,是不是自己想要的

1、在textarea中繫結bindinput事件。

2、通過var value = e.detail.value;獲取textarea的值。

3、通過 var len = parseint(value.length);獲取textarea的長度。

wxml:

}

}/}

wxss:

.conts

.areas

.currentwordnumber

.hint

js:

page(,

//字數限制

inputs: function (e) )

}else if (len >= this.data.min))

}//最多字數限制

if (len > this.data.max) return;

// 當輸入框內容的長度大於最大長度限制(max)時,終止setdata()的執行

this.setdata();

}})

微信小程式textarea層級過高 蓋住其他元素

根據官方文件,textarea 是原生元件 所謂原生元件就是 脫離在 webview 渲染流程外 文件中的原話是 原生元件的層級是最高的,所以頁面中的其他元件無論設定 z index 為多少,都無法蓋在原生元件上。頁面中有彈窗彈出層時,點選彈出層時,底層的textarea也會顯示出來,設定z ind...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...