textarea 是微信小程序中的一个表单组件,用于用户输入多行文本。以下是一个简单的 textarea 示例:
<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/微信小程序