在函数中设置input的multiple属性以及input的点击事件时,设置失效

1.在函数中先设置input文件可以多选,然后再设置input框的点击事件情况下,有时候这个多选设置会失效.

我们可以采用下面的方式去解决

 <input
          ref="myInputRef"
          type="file"
          class="my_input"
          :multiple="myMultiple"
          style="display:none;"
          @change="importExcel"
        />
<el-button
              type="primary"
              style="width:150px;"
              size="small"
              @click="myOpen(flag)"
            >上傳{{ text }}</el-button>
 myOpen(currentFlag) {
      // 设置如果不是第一步,就不准上传多个文件
      this.myMultiple = currentFlag === 'myfirst'
      // 设置如果不是第一步,就不准上传多个文件
     
      setTimeout(() => {
        this.$refs.myInputRef.click() 
      }, 500)
      // this.$refs.myInputRef.click()  // 原来的写法
    },
posted @   糖~豆豆  阅读(1236)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
Live2D
欢迎阅读『在函数中设置input的multiple属性以及input的点击事件时,设置失效』
点击右上角即可分享
微信分享提示