无效的道具：道具“值”的自定义验证器检查失败

Question

Invalid prop: custom validator check failed for prop "value".

第一次遇到这样的错误，这是什么意思？请帮帮我

发现于

---> 在 src/components/photo/PhotoForm.vue 在 src/page/PhotosPage.vue 在 src/App.vue

模板

<template>
    <v-container>
        <v-row class="d-flex"> 
            <v-text-field v-model="title"/>
            <v-file-input v-model="img"/>
            <v-btn @click="addPhoto">AddPhoto</v-btn>
        </v-row>
    </v-container>
</template>

脚本

<script>
export default {
    data() {
        return {
            title: '',
            img: ''
        }
    },
    methods: {
        addPhoto() {
        const reader = new FileReader()
        reader.onload = () => {
            let photo = {
                id: Date.now(),
                title: this.title,
                url: reader.result
        }
        this.$emit('addPhoto', photo)
    }
      reader.readAsDataURL(this.img)    
    }
  }
}
</script>

Answer 1

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

应该是你的图片数据变量的原始值[]，像这样：

export default {
    data() {
        return {
            img: []
        }
    },