textarea props

属性	描述	类型	默认值
value	要绑定的值，可通过v-model绑定	_number ｜ string _	-
height	高度	number	40
placeholder	当value为空是展示的文案	string	-
disabled	是否禁用	boolean	false
readonly	是否只读	boolean	false
autofocus	自动获取焦点 ios不支持	boolean	false
maxlength	最大长度	number	Infinity
showLimitCount	是否展示限制	boolean	true

textarea events

名称	描述	参数
input	input事件	value
change	change事件	value
blur	失去焦点触发	event
focus	获取焦点触发	event

例子代码

基础icon

<template>
  <div>
    <div class="items">
      <p class="item_title">基础用法</p>
      <vill-textarea
        v-model="value_1"
        placeholder="请输入内容"
        :maxlength="100"
      />
      <p class="item_change">{{value_1}}</p>
    </div>
    <div class="items">
      <p class="item_title">禁用</p>
      <vill-textarea
        v-model="value_2"
        placeholder="请输入内容"
        disabled
      />
      <p class="item_change">{{value_2}}</p>
    </div>
    <div class="items">
      <p class="item_title">只读</p>
      <vill-textarea
        v-model="value_3"
        placeholder="请输入内容"
        readonly
      />
      <p class="item_change">{{value_3}}</p>
    </div>
    <div class="items">
      <p class="item_title">自定义</p>
      <vill-textarea
        v-model="value_4"
        placeholder="请输入内容"
        :maxlength="10"
        :autofocus="true"
        :height="200"
        :showLimitCount="false"
        @change="handleChange"
      />
      <p class="item_change">{{value_4}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value_1: '',
      value_2: '',
      value_3: 'lalal',
      value_4: ''
    }
  },
  methods: {
    handleChange(val) {
      console.log(val)
    }
  }
}
</script>