Textarea 文本域

表单类型组件，结合form组件使用

基本用法

<wx-form ref="form">
  <wx-form-body>
    <wx-form-group title="问题描述">
      <wx-textarea placeholder="请描述你所发生的问题"></wx-textarea>
    </wx-form-group>
  </wx-form-body>
</wx-form>

可见行数/字数限制/自动行高/数据校验

<wx-form ref="form">
  <wx-form-body>
    <wx-form-group title="可见行数/字数限制/自动行高/数据校验">
      <wx-textarea v-model="val" placeholder="请描述你所发生的问题" :max-length="200" :rows="4" required autosize></wx-textarea>
    </wx-form-group>
  </wx-form-body>
  <wx-form-action>
    <wx-button @click="handleClick">确定</wx-button>
  </wx-form-action>
</wx-form>

<script>
export default {
  methods: {
    handleClick() {
      this.$refs.form.validate(error => {
        if (error) {
          this.$tooltip(error)
        } else {
          this.$toast("验证成功", { type: "success" })
        }
      });
    }
  }
};
</script>

Textarea Attributes

参数	说明	类型	可选值	默认值
v-model/value	绑定值	String	-	-
placeholder	输入框占位文本	String	-	-
rows	默认行数	Number	-	3
required	是否必填	Boolean	-	false
pattern	正则校验表达式	String	-	-
emptyTips	空值校验提示信息	String	-	-
notMatchTips	正则校验错误提示信息	String	-	-
maxLength	字符数限制	Number	-	-
readonly	只读状态	Boolean	-	false
disabled	禁用状态	Boolean	-	false
autosize	自动行高	Boolean	-	false

文本域