<view class="container">
<textarea placeholder="请输入文本" bindinput="textAreaInput"></textarea>
<text>输入的文本:{{inputText}}</text>
</view>
在对应的 .js 文件中,你需要定义 textAreaInput 函数以处理输入事件,并定义一个变量(例如 inputText)用于保存用户输入的文本:
Page({
data: {
inputText: '',
},
textAreaInput: function (e) {
const value = e.detail.value;
this.setData({
inputText: value,
});
},
});
在这个示例中,textarea 组件通过 bindinput 绑定了 textAreaInput 函数,当用户输入文本时,会触发这个函数。通过 e.detail.value 获取用户输入的文本,并将其更新到 inputText 变量中,以便在页面上实时显示用户输入的内容。
你可以根据实际需求调整 textarea 的属性,例如设置默认的提示文本(placeholder)、设置最大输入长度(maxlength)、设置输入框的高度等。这个组件通常用于需要用户输入多行文本的场景,比如评论、留言等。
转载请注明出处:http://www.zyzy.cn/article/detail/811/微信小程序