Vue报错[Vue warn]: Missing required prop: “title“

出现此类bug要么是父组件没有传值，要么是组件路径引入错误；在写vue项目中，在子组件中通过props传值的时候，在父组件中没有定义的话就会看到类似的报错，这个意思是calendar这个组件中通过props传递一个title属性给父组件，并且title属性是必须的，而在父组件中没有定义这个title，所以要在父组件中定义一下这个title首先找到calender组件，这样加上title，加完之后，

C+ 安口木

4559人浏览 · 2020-11-12 14:59:32

C+ 安口木 · 2020-11-12 14:59:32 发布

出现此类bug要么是父组件没有传值，要么是组件路径引入错误；

在写vue项目中，在子组件中通过props传值的时候，在父组件中没有定义的话就会看到类似的报错，
在这里插入图片描述

这个意思是calendar这个组件中通过props传递一个title属性给父组件，并且title属性是必须的，而在父组件中没有定义这个title，所以要在父组件中定义一下这个title
在这里插入图片描述

首先找到calender组件，这样加上title，加完之后，还是出现报错
在这里插入图片描述

表示，title定义的是字符串类型，而这里的title其实在父组件中还没有被定义，找到data 下的return,添加title:" "之后，定义和修改动态title,

或者要想直接加字符串，定义一个死的title，可以直接修改想要显示的内容，而不写动态的，就这样加：:title="这里是直接显示的title内容"，通过反引号转义，

就不会出现这个报错了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^