vue报错：Type of the default value for data prop must be a function

最新推荐文章于 2024-10-21 11:24:58 发布
最新推荐文章于 2024-10-21 11:24:58 发布
阅读量952 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43900414/article/details/107247399
版权

出现情况：

props: {
	propsA: {
		type: Object,
		default: {}
	}
}

解决方法：

props: {
	propsA: {
		type: Object,
		default: _ => {
			return {
				id: '',
				name: ''
			}
		}
	}
}
卿卿qing
关注
专栏目录
eslint error list
Hello_Tree__的博客
01-12 888
注册了button组件但是没有使用 88:5 error The "button" component has been registered but not used vue/no-unused-components。 没有使用驼峰命名法 154:32 error Identifier 'unread_total' is not in camel case camelcase. let unread_total = 0// bad let unreadTotal = 0//good vue的props语
Vue源码解读（七）：模板编译
qq_35500568的博客
09-28 534
在最开始的章节提到过，我们在使用 vue-cli 创建项目的时候，提供了两个版本供我们使用， Runtime Only 版本和 Runtime + Compiler 版本。Runtime Only 版本是不包含编译器的，在项目打包的时候会把模板编译成 render 函数，也叫预编译。Runtime + Compiler 版本包含编译器，可以把编译过程放在运行时做。 入口 这一块代码量比较多，主要是对各种情况做了一些边界处理。这里只关注主流程。对细节感兴趣的伙伴们可以自行去研究。一般我们使用 Runtime
Type of the default value for ‘data’ prop must be a function
Evan's Blog ٩(๑❛ᴗ❛๑)۶
11-29 2725
在写成如下形式代码时，ESLint会报Type of the default value for ‘data’ prop must be a function。 意思是：prop的默认值data必须是一个函数。 一、错误示范 props: { data: { type: Array, default: [] } } ...
error: Type of the default value for ‘tableData‘ prop must be a function
qq_36437172的博客
08-24 1358
在写 vue 组件的 props 时，像下面设置默认值，就会出现 eslint 语法报错：error: Type of the default value for ‘tableData‘ prop must be a function（tableData 属性的默认值必须是函数）。 props:{ tableData:{ type:Array, default: [], } }, 如何修改呢？Use Array/Object in props as default va...
解决：Vue3 - defineProps 设置默认值报错问题
qq_40147756的博客
09-12 1342
解决：Vue3 - defineProps 设置默认值报错问题
Type of the default value for 'data' prop must be a function
西风XF的博客
02-22 1452
错误出现情况：prop的默认值必须是一个函数解决方法一：解决方法二(ES6语法)：vue的github也有这个issues:https://github.com/vuejs/vue/issues/1032
vue 中 Type of the default value for data prop must be a function的解决方案
Elon丶的博客
06-11 1万+
vue 中 Type of the default value for ‘data’ prop must be a function的解决方案 vue官方文档 搭配es6语法简单粗暴解决 props: { dataList: { type: Object, default: () => ({ a:1, b:2 }) } }
Type of the default value for ‘ItemLists‘ prop must be a function (vue/require-valid-default-prop)
逍湘子
02-22 4808
在 vue 项目中遇到这样一个报错， 根据错误消息，默认值 itemList prop 必须是一个函数 所以试着将代码改成： props: { itemLists: { type: Array, required: false, default: function() { re...
Vue 官方笔记--组件
小菜的博客
07-24 2949
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
Vue3学习笔记-masaikk
qq_45324648的博客
04-03 3061
Vue3学习笔记-masaikk 学习vue3及其相关组件的笔记。代码位于myvue: vue前端学习 (gitee.com)的vue3分支。笔记源文件位于masaikk/interviewAccess - 码云 - 开源中国 (gitee.com) vue项目基础 Vue-cli相关知识 vue-cli-service封装了webpack 例如demo1/node_modules/@vue/cli-service/package.json中，指定了bin所指向的二进制文件的位置。 { "bin"
vue源码学习总结 prop data method computed 的命名冲突处理策略
一袋米要扛几楼_
03-26 3590
vue 组件属性命名冲突处理策略 当 prop data method computed 的key值冲突, 获取值优先级策略如下： computed>data>method computed>method>prop prop>data 在源码src/instance/state.js 的 initState中，方法的执行顺序为 initProps>ini...
Type of the default value for 'searches' prop must be a function 如何解决vue中报出的这种错误...
abc942857321的博客
11-24 428
https://google.com/#q=vue%2Frequire-valid-default-prop Type of the default value for 'searches' prop must be a function src/base/search-list/search-list.vue:20:11 这是在github中看到解决方案，具...
vue props 默认值为数组或对象时报错
野生松
03-17 4285
简单粗暴直接上代码： // 这些写时会报错 Type of the default value for 'record' prop must be a function props: { record: { type: Array, default: [] } } // 正确应该这样写 props: { record: { ...
Type of the default value for ‘xxx‘ prop must be a function
qq_44841678的博客
10-08 4267
Type of the default value for ‘data’ prop must be a function props中data的默认值必须是个函数 错误代码： props: { data: { type: Array, default: [] } } 修改： props: { data: { type: Array, default: function () { return [] } } } 或者使用箭头函数： props: { d
vue报错:Type of the default value for ‘courses‘ prop must be a function
贝贝小菜鸟的博客
02-18 588
在写Vue组件的props,如下写法 props:{ courses:{ type:Array, default:[] } }, 在vue中，会出现如下错误 提示:必须是个函数 做如下修改即可: props:{ courses:{ type:Array, default:()=>[] } } ...
Type of the default value for ‘yardData‘ prop must be a function.
最新发布
xiaoqiangzhan的博客
10-21 256
在Vue.js组件开发中，当定义一个组件的props时，如果为某个prop设置了默认值，并且这个prop是一个对象或者数组类型，那么默认值必须是一个函数。这是因为如果直接使用对象或数组作为默认值，会导致所有组件实例共享同一个默认值对象或数组，这可能会引起数据污染等问题。
Type of the default value for 'data' prop must be a function的解决方法
热门推荐
光
01-24 1万+
Type of the default value for ‘data’ prop must be a function的解决方法 在写形如prop: {type: Array; default: []}的代码时,eslint常会出现这样的错误提示,百度之未果,谷歌了才找到答案,辣鸡百度毁我青春(滑稽),作博一篇,希望能帮到喜欢百度找问题的的人~ 翻译: prop的默认值data必须是
Vue报错Props with type Object/Array must use a factory function to return the default value. 这个怎么解决
02-07
这个错误提示是告诉你，当你在定义组件的 `props` 时，如果你定义的是一个对象或数组类型，那么你需要使用工厂函数来返回这个默认值。 举个例子，假设你有一个组件，它有一个名为 `items` 的数组类型的 prop，你可以这样定义它： ``` props: { items: { type: Array, default: () => [] } } ``` 这样就可以解决这个错误了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值