필요한 규칙을 포함한 Vue.js Vuetify v-file-input에 파일이 선택되기도 전에 필요한 오류가 표시됨

필요한 규칙을 포함한 Vue.js Vuetify v-file-input에 파일이 선택되기도 전에 필요한 오류가 표시됨

이제 입력이 클릭된 직후에 파일이 선택되기 전에 오류가 표시됩니다.
이것은 오해의 소지가 있고 혼란스럽다.

질문.
업로드 양식이 취소되고 파일이 선택되지 않은 경우에만 오류를 표시하도록 규칙을 변경하는 방법

코드 예 → https://codepen.io/lisymcaydnlb/pen/mdEWPow
이미지 예 ↓

HTML

<div id="app">
  <v-app>
    <v-content>
      <v-container>
        <v-file-input
                  label="File"
                  :rules="[v => !!v || 'File is mandatory']"
                  show-size
                  truncate-length="100"
                  append-icon="attach_file"
              ></v-file-input>
      </v-container>
    </v-content>
  </v-app>
</div>

JS

Vue.use(Vuetify);
const vuetify = new Vuetify({
});

new Vue({
  el: '#app',
  vuetify: vuetify,
})

언급URL : https://stackoverflow.com/questions/64529478/vue-js-vuetify-v-file-input-with-required-rule-shows-required-error-before-a-fil