Vue

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

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

オススメ本
Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう!!
読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

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 から頂ければ幸いです。

それでは!