Appearance
file-input(文件输入)
基础用法
示例:
代码示例:
vue
<template>
<div class="bs-bg-color-white w640">
<v-file-input v-model="fileList" @change="onChange"></v-file-input>
</div>
</template>
<script>
export default {
data() {
return {
fileList: [],
};
},
methods: {
/**
* change事件
*/
onChange(data) {
console.log('data: ', data);
// data: [{…}, __ob__: Observer]
},
},
};
</script>
属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 组件的值 | Array | - | [] |
url | 上传地址 | String | - | ${CONTEXT_PATH}/pub/attachmentFileUpload |
multiple | 是否支持上传多文件 | Boolean | - | true |
disabled | 是否禁用 | Boolean | - | false |
事件:
事件名 | 说明 | 参数 | 参数说明 |
---|---|---|---|
blur | 失去焦点事件 | - | - |
input | 输入事件 | data | 文件列表 |
change | 改变事件 | data | 文件列表 |
remove | 删除事件 | attachIdList | 删除的文件id |