Input 输入框

avue-input：字符串。普通输入、textarea、password 和 search 共用该组件；Form 列使用相应的 type。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值: {{ form }}<br />
      <avue-input v-model="form"
                  placeholder="请输入内容"></avue-input>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue';

const form = ref('我是内容');
</script>

属性

属性	类型	默认值	说明
type	string	空字符串（普通输入）	input / textarea / password / search，以及 phone、currency 等专用类型
maxlength / minlength	string / number	—	原生长度约束
showWordLimit	boolean	false	普通输入/textarea 的字数统计
rows / minRows / maxRows	number	— / 5 / 10	textarea 行数与自动高度范围
showPassword	boolean	true	password 类型切换明文
prepend / append	string	—	前置/后置文本
prependClick / appendClick	function	—	参数为当前值；search 回车也调用 appendClick
prefixIcon / suffixIcon	string	—	输入框前后图标
formatters / parser	function	—	普通输入显示格式化与解析，均接收字段值
autocomplete	string	—	自动补全属性

专用输入配置见 Form 输入框。formatters 是当前包装层使用的属性名。