java界面编辑教程_[Java教程]小程序实践（十）：textarea实现简单的编辑文本界面...

[Java教程]小程序实践(十)：textarea实现简单的编辑文本界面

0 2018-10-23 21:02:22

textarea是官方的原生组件，用于多行输入

简单的例子，监听文本内容、长度，以及设置最大可输入文本长度

w{{textLen}}/{{maxTextLen}}

wxss .contentNumStyle { display: flex; justify-content: flex-end; padding: 2%; font-size: 14px; color: #c0c6d3;}.textarea-Style { border: 1px solid #ddd; border-radius: 5px; font-size: 16px; color: #33496d; width: 100%;}

js/** * 页面的初始数据 */ data: { // 最大字符数 maxTextLen: 20, // 当前文本长度 textLen: 0, // 文本内容 contentStr: "", }, getWords(e) { let page = this; // 设置最大字符串长度(为-1时,则不限制) let maxTextLen = page.data.maxTextLen; // 文本长度 let textLen = e.detail.value.length; page.setData({ maxTextLen: maxTextLen, textLen: textLen, contentStr: e.detail.value }); },

本文网址：http://www.shaoqun.com/a/448327.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

小程序

0