时间戳

首页 > 解决方案 > 对数组 vuejs 的每个值执行相同的操作

javascript - 对数组 vuejs 的每个值执行相同的操作

问题描述

我正在制作许多文件输入（数组），但具有相同的初始单词，如下所示：

<input type file="file0"/>
<input type file="file1"/>

我希望他们都有相同的动作

this.$upload.reset('fileX', {
 url: 'documentations/upload'
});

我努力了

this.$upload.reset('file*' this.$upload.reset('file{*}' this.$upload.reset('file${*}'

标签： javascriptarraysvuejs2

解决方案

如果你使用 vue.js 上传文件，为什么不监听 onChange 事件：

<input type="file" v-on:change="onFileChange" name="file0">
<input type="file" v-on:change="onFileChange" name="file1">

methods然后在vue声明中声明常用方法：

methods: {
    onFileChange(e) {
      var files = e.target.files || e.dataTransfer.files;
      if (files.length){
            // Perform common action
      }
 }

推荐阅读