Appearance

目录

<textarea> ​

<textarea>是多行文本输入组件

WARNING

<textarea>不支持嵌套子组件

属性 ​

支持<input>内的所有属性

新增属性

属性名类型默认值说明
rowsNumber2最大输入行数

样式 ​

通用样式，可参考样式介绍

支持<input>内的专属样式

事件 ​

支持<input>内的事件

示例 ​


Tenon Vue ​

html
<!-- App.vue -->
<template>
  <textarea v-model="title" @change="handleChange"/>
</template>
<script>
  export default{
    data(){
      return {
        title: 'Init Value'
      }
    }
    methods: {
      handleChange(value){
        Toast.show('Input Change Value:', value)
      }
    }
  }
</script>

更多用法，可参考Tenon Vue 官方示例。

Tenon React ​

jsx
import React, {useState} from "react"

import Tenon from "@hummer/tenon-react"

function TextareaApp() {
  let [value, setValue] = useState('Init Value')

  return (
    <textarea className="input" value={value} onChange={(value) => setValue(value)}/>
  );
}

Tenon.render(<TextareaApp />)

更多用法，可参考Tenon React 官方示例。