附件上传组件的删除事件无法返回文件信息？

Vue

关注举报

 2  2470

仙姝剑童 2020-02-23 11:12

一、该问题的重现步骤是什么？

1. 参考https://avuejs.com/doc/form/form-upload，使用avue的附件上传组件。

2. 前端代码

export default {
  data() {
    return {
      visible: false,
      form: {
        fileList: []
      },
      option: {
        size: 'mini',
        emptyBtn: false,
        submitBtn: false,
        column: [
          {
            prop: 'fileList',
            type: 'upload',
            loadText: '附件上传中，请稍等',
            propsHttp: {
              url: 'link',
              name: 'originalName',
              res: 'data'
            },
            props: {
              label: 'originalName',
              value: 'link'
            },
            action: ''
          }
        ]
      }
    }
  },
  methods: {
    show(id, name, description) {
      this.visible = true;
      this.option.column[0].action = '/api/blade-resource/file/uploadAndSave?objName=' + name + '&objId=' + id + '&description=' + description;
      //附件列表回显
      showFileList(name, id).then(res => {
        const data = res.data;
        if (data.success) {
          this.form.fileList = data.data;
        }
      })
    },
    uploadDelete(column) {
      console.log(column);
      return this.$confirm(`这里是自定义的，是否确定移除该选项？`);
    }
  }
}

二、你期待的结果是什么？实际看到的又是什么？

界面.png

期待结果：希望点击删除后，能够返回对应的文件信息。

实际上看到的是：

culumn值.png

得到的数据仅仅是把前端写的column抄一遍。如果在前端的uploadDelete方法里再多写一个参数，返回的只能多一个"undefined"。

file值.png

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

产品：BLADX，saber;

版本2.3.0；

操作系统：win10

2条回答

admin - BladeX作者

2020-02-25 00:34

这个需要到avue发一个issue描述下：https://gitee.com/smallweigit/avue/issues

0 讨论(0)
评论:

提交评论
- 加载中...
仙姝

2020-03-06 09:14

已经上avue发issue了
https://gitee.com/smallweigit/avue/issues/I1A1XN
目前是待办状态，看来确实存在这个BUG，只能换别的组件，不能用avue了。

0 讨论(0)
评论:

提交评论
- 加载中...