Type of the default value for 'ItemLists' prop must be a function (vue/require-valid-default-prop)

在 vue 项目中遇到这样一个报错,
在这里插入图片描述
根据错误消息,默认值 itemLists prop 必须是一个函数
所以试着将代码改成:

props: {
        itemLists: {
            type: Array,
            required: false,
            default: function() {
                return []
            }
        }
    },

则错误提示消失,看来给一个 对象/数组 (Object/Array)类型的变量指定默认值,必须是以一个工厂函数的形式返回默认值,不能单纯的给一个默认值,这是vue 对prop默认值校验的一个强制规定

或者也可以将以上代码精简为ES6形式

props: {
        itemLists: {
            type: Array,
            required: false,
            default: () => {
                return []
            }
        }
    },

猜你喜欢

转载自blog.csdn.net/qyl_0316/article/details/104450863
今日推荐