微信小程序textarea

<a href='https://www.3000.cn/tag/微信小程序' target='_blank' class='key_tag'><strong>微信小程序</strong></a> textarea 组件可以用来接收用户的输入，输入内容可以设置字数限制，但是默认***只能输入140个字。不过你可以自己添加一些限制，比如判断输入字符的个数，以此来实现1000字限制。以下是一个实现1000字限制的示例代码：</p><p> </p><p>在 WXML 文件中：</p><p> </p><p><textarea bindinput="input" maxlength="1000" placeholder="请输入内容">

在 JS 文件中：

Page({

data: {

count: 0

textValue: ''

}

input: function(e) {

let value = e.detail.value;

let len = value.length;

if (len > 1000) {

this.setData({

textValue: value.slice(0

1000)

count: 1000

});

} else {

this.setData({

textValue: value

count: len

});

}

}

})

在 WXML 文件中，使用bindinput绑定一个input事件，当用户输入内容时触发。在input事件的回调函数中，我们利用e.detail.value获取用户输入的内容，然后用value.length获取输入内容的长度。

接着，我们对输入内容的长度进行判断，如果超过1000个字，则使用slice方法截取前1000个字，并更新data中的textValue和count的值。如果未超过1000个字，则直接更新data中的textValue和count的值。

***，在WXML文件中，使用{{textValue}}和{{count}}将textValue和count的值渲染到页面上，用来展示用户的输入内容和输入字数。

这样，就实现了在微信小程序 textarea 中写1000字的功能。