avue多图传参和单图上传
<avue-crud
ref="crud"
v-model="form"
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
:permission="permissionList"
:before-open="beforeOpen"
@row-update="rowUpdate"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
:upload-error="uploadError"
@on-load="onLoad">
<template slot="menuLeft"></template>
<template slot="menuRight"></template>
<template slot-scope="scope" slot="menu"></template>
</avue-crud>
data() {
return {
form: {},
option: {
column: [
{
label: '学生图像',
prop: 'xstx',
type: 'upload',
listType: 'picture-card',
dataType:'array',
uploadAfter: (res, done, loading) => {
this.form.xstx.push(res.link);
loading();
},
propsHttp: {
res: 'data',
},
canvasOption: {
text: 'avue',
ratio: 0.1,
},
action: '/api/blade-resource/oss/endpoint/put-file-attach',
rules: [
{ required: true, message: '请选择头像', trigger: 'change' },
],
},
{
label: '教师头像',
prop: 'jstx',
type: 'upload',
uploadAfter: (res, done, loading) => {
this.form.jstx = res.link;
loading();
},
listType: 'picture-img',
loadText: '图片上传中,请稍等',
propsHttp: {
res: 'data',
},
canvasOption: {
text: 'avue',
ratio: 0.1,
},
action: '/api/blade-resource/oss/endpoint/put-file-attach',
rules: [
{
required: true,
message: '请选择头像',
trigger: 'change',
},
],
},
]
}
data: [],
}
}