## avue多图传参和单图上传

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: [],
    }
   }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值