在函数中设置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 @ 2020-10-22 01:07  糖~豆豆  阅读(1251)  评论(0)    收藏  举报
Live2D