ホーム > Vue > VuetifyのV-file-input Array not Stringを解決する方法
Vue

VuetifyのV-file-input Array not Stringを解決する方法

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

目次

  1. 結論
  2. まとめ
オススメ本

Vuetify の v-file-input を使っていたら、

V-file-inpute Array not String

というエラーが出たので、その解決方法について書いています。

⇨ Vue 記事の目次はこちら

結論

エラーの文章のとおり、「String は誤りで、Array が正しいですよ」とのことなので、

v-model は配列を指定する

<v-file-input
 v-model="file"
></v-file-input>

<script>
export default {
    data(){
        return {
            file: [] //ここが''だとエラーが出る
        }
    }
}
</script>

まとめ

以上です。

冷静にエラー文を読めば大丈夫だとは思いますが、通常の input タグの時だと配列を指定しない気がするのと、Vuetify の公式に script の例がなかったので書いてみました。

苦情、誤りに関する指摘は下の Twitter の DM から頂ければ幸いです。

それでは！