2.0.2版本文件上传组件自定义

132 阅读1分钟

附件管理表格中的文件列表URL格式化

原代码

{
        title: '文件地址',
        key: 'url',
        type: 'file-uploader',
        search: {
          disabled: true
        },
        width: 220
      },   

url = localhost:8080 + file.url

修改后代码

import util from '@/libs/util'
{
        title: '文件地址',
        key: 'url',
        type: 'file-uploader',
        search: {
          disabled: true
        },
        width: 220,
        valueBuilder (row, key) {
          //console.log(row, key)
          row.url = `${util.baseURL()}${row.url}`
        }
      }

url = 127.0.0.1:8000 + file.url

上传表单自定义事件

{
        title: '文件地址',
        key: 'url',
        type: 'file-uploader',
        search: {
          disabled: true
        },
        width: 220,
        form: {
           component: {
               props: {
                   elProps: {   // element upload组件的props
                       onPreview: (file) => { // 自定义点击事件
                           window.open(file.url)
                       }
                       limit: 0 // 不限制数量
                   }
               }
           }
        }
      },