Img 媒体地址输入

avue-array：媒体地址字符串数组，显式指定 type="img"；此组件不执行文件上传。

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

基础用法

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

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

正在加载示例…

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

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

const form = ref([
  'https://avuejs.com/images/logo.png',
  'https://avuejs.com/images/logo.png',
]);
</script>

属性

属性	类型	默认值	说明
type	string	显式 img	开启媒体预览
fileType	string	按地址后缀识别	无后缀时设置 img/audio/video
alone / limit	boolean / number	false / —	单项模式与最大条数

Form 列使用 { type: 'img', prop: 'images' }；上传本地文件应使用 Upload。