vue 循环中$refs 动态拼接获取值

表格中上传按钮是循环的 ref是动态设置的

<el-upload
                :ref="'jsonFileUpload'+scope.$index"
                style="display: inline-block"
                :headers="authorization"
                accept=".zip"
                :action="action"
                :on-change="handleChangeFloor"
                :before-upload="beforeUpload"
                :on-success=" (response, file, fileList) => handleUploadSuccess(response,scope.$index)"
              >
                <el-button type="text" size="mini">上传</el-button>
  </el-upload>

获取拼接refs值

handleUploadSuccess(res,index) {
      let jsonFileUpload = 'jsonFileUpload'+index
      if (res.errorCode == 0) {
        this.$message.success("上传成功");
        this.$refs[jsonFileUpload].clearFiles();
      } 
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。