Textarea 多行输入框

基础用法

<template>
  <plv-textarea v-model="value" placeholder="请输入文本" :rows="4" />
</template>

<script>
export default {
  data() {
    return {
      value: ''
    };
  }
};
</script>

显示代码

长度控制

<template>
  <plv-textarea
    v-model="value"
    show-length-limit
    :maxlength="50"
    placeholder="请输入文本"
    :rows="4"
  />
</template>

<script>
export default {
  data() {
    return {
      value: ''
    };
  }
};
</script>

显示代码

Attributes

参数	说明	类型	可选值	默认值
value / v-model	绑定值	String Number	-	-
placeholder	输入框占位文本	String	-	-
rows	输入框行数	Number String	-	2
maxlength	输入内容的最大长度	Number	-	-
show-length-limit	是否显示字符数统计	Boolean	-	false
en-length	ASCII 字符的单位长度	Number	-	0.5
cn-length	非 ASCII 字符的单位长度	Number	-	1
disabled	是否禁用输入框	Boolean	-	false
readonly	输入框是否只读	Boolean	-	false

Events

事件名称	说明	回调参数
focus	在 Input 获得焦点时触发	(event: Event)
blur	在 Input 失去焦点时触发	(event: Event)
input	在 Input 值改变时触发	value