Array 数组输入

avue-array：字符串数组，每项对应一个输入框。Form 中使用 type: array。

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

基础用法

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

操作示例并观察绑定值，初始值与字典编码保持相同类型。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值:{{form}}<br />
      <avue-array v-model="form"
                  placeholder="请输入内容"></avue-array>
    </el-col>
  </el-row>
</template>
  <script>
export default {
  data () {
    return {
      form: ['第一条', '第二条', '第三条', '第四条'],
    }
  },
}
  </script>

属性

属性	类型	默认值	说明
type	string	建议显式 array	array 普通列表，url 链接，img 媒体地址
alone	boolean	false	单项模式，隐藏增删按钮
limit	number	—	最大输入框数量
maxlength / minlength	string / number	—	每项长度约束
showWordLimit	boolean	false	字数统计

需要完全禁止编辑时使用 disabled。readonly 在此组件主要控制增删按钮，不能替代输入框禁用。