Убедитесь, что в обязательных полях есть значения, нажмите кнопку загрузки в vue.js

Question

Я сделал код ниже, который позволяет пользователям загружать файл .csv, но прежде чем он сможет загрузить любой файл, я хотел бы сделать несколько проверок: например, если он уже выбрал какой-то требуемый ввод.И я не знаю, как это сделать.

<input type="file" accept=".csv" ref="file" v-on:input="handleUpload()" id="upload-csv" />

Это отображение в пользовательском интерфейсе, обязательные поля:

<div class="list-filter box-fill" style="text-align: center;">

  <a @click="filter('date')" :class="{ active :  active_col == 'date'}">
      <label>date</label>
      <span>{{this.csvDate}}</span>
  </a>
  <a @click="filter('name')" :class="{ active : active_col == 'name'}">
      <label>name</label>
      <span>{{this.csvName}}</span>
  </a>
  <a @click="filter('start_time')" :class="{ active : active_col == 'start_time'}">
      <label>start_time</label>
      <span>{{this.csvStart}}</span>
  </a>
</div>

Пользователь просто выберет буквы из A-AZ.

data(){
    return{
        csvDate:'',
        csvName:'',
        csvStart:'',
    }
},
methods:{
    handleUpload(){
        //do the verification here
        if(this.csvDate == '' || this.csvName == '' || this.csvStart == ''){
             console.log("Input required fields.");
        }
    },
}

Но это срабатывает только после выбора файла.Что я хочу, чтобы проверить необходимые поля, нажмите кнопку загрузки.