VUE 报错：data functions should return an object

最新推荐文章于 2024-04-01 14:28:21 发布
最新推荐文章于 2024-04-01 14:28:21 发布
阅读量2.1k 收藏
点赞数 4
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43650637/article/details/115391841
版权

VUE 报错：data functions should return an object

小问题总是浪费时间…
碰到这个问题的人很少吗…

进入正题：

  1. 简单的原因是：
    没写这样的格式
data(){ return{ }  }
  1. 复杂原因1：
    自己的项目中有没有用element-ui的组件
    this.$message.error(err)
    err只接受字符串。把他改为字符串就OK了。

大家有新发现可以留言。

不是小王子
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
[Vue warn]: data functions should return an object:
m0_57275939的博客
05-26 1万+
    在引入新的vue组件时，可能出现以下错误     data functions should return an object 意思是 “数据函数应返回一个对象”，错误位置为 CommonForm.vue 这个文件   错误原因为：在 vue 组件中即使没有任何参数也需要添加 return{} 返回值，如果不加上则当前组件的数据会变成全局可视，则造成变量污染。加上 return{} 则组件数据只能当前组件可视，不会影响到其他组件 错误代码: <script> export def
Vue项目报错：[Vue warn]: data functions should return an object
最新发布
aaa_12as的博客
04-01 165
Vue项目报错：[Vue warn]: data functions should return an object
【bug】data functions should return an object
花椒和蕊的博客
09-27 5443
也就是传参的bill，如果键和值一样，可以简写为bill，但是因为这行注掉了，导致bill没有值，所以报没有返回一个对象的错。点击保存的时候报的错，保存前要校验表单，然后调接口传参，传参是表单对象和列表数组分开传。遇到bug可以断点或者console打印，一步一步排查点击保存后是走到哪里开始报错的。我报错的原因是有一行代码被我注掉了，可能是改别的东西的时候，误以为无用。知道原因都很好解决，最怕不知道bug是什么原因引起的。但我遇到的报错不是这个原因引起的。
data functions should return an object:
Ssucre的博客
05-17 875
data functions should return an object:1 第一种原因2 第二种原因正确写法括号内应该写`error.message`而不是`error` 1 第一种原因 data(){}中没有返回值，直接改为如下就行data(){} 2 第二种原因 在catch（）时直接把erro输出了，错误如下：。 .catch(error => { Message.error(error)}) 正确写法括号内应该写error.message而不是error .catch(error
data functions should return an object
我的博客
04-22 1796
data functions should return an object Cannot read property '__ob__' of undefined； 出现这种报错很有可能是在哪个不起眼的组件里边写了 data(){} 而没有写 data(){ return{} } 导致的
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
运行一下以前的一个Vue+webpack的 vue仿新闻网站 小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only ...
vue 报错 data functions should return an object: 和 Cannot read property '__ob__' of undefined
热门推荐
时光的博客
10-13 4万+
在vue里出现ata functions should return an object: 和 Cannot read property '__ob__' of undefined   报错是因为在 data () {},里没有返回(return)  需要写成 data(){ return{ }  }  就算没有数据也要写返回一个对象 (return)    ...
[Vue warn]: data functions should return an object
jidushanzhu的博客
07-07 718
程序运行报错， [Vue warn]: data functions should return an object: 记个bug调试步骤： 一步步找 1. 2.
Vue进阶（幺叁叁）：vue 报错data functions should return an object
IT全栈 华强工作室
06-18 4523
问题描述 在vue里出现警告信息：data functions should return an object。 原因 component中的 data () {}中return要求返回一个对像。即使无内容也要返回一个空对象 解决方案 返回空对象 data () { return{} }
【Vue】报错：data functions should return an object:
DomCode
08-24 744
初学者在写项目的时候可能会遇到这样的情况 遇到此情况是因为你项目中的export default中data缺少一个属性return 如图所示: 加了之后报错就没有了
vue 报错 data functions should return an object:
05-27
这个错误通常是因为在 Vue 组件的 `data` 选项中返回了一个非对象类型的值。Vue 中的 `data` 选项应该返回一个对象，这个对象中包含了组件需要使用的所有数据。如果 `data` 选项中返回的是一个非对象类型的值，就会导致这个错误的发生。 解决这个错误的方法是检查组件中的 `data` 选项返回值是否正确，确保返回的是一个对象类型的值。同时也要注意，如果使用了箭头函数作为 `data` 选项的值，需要将其改为普通函数，因为箭头函数会改变 `this` 的指向，导致出现错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值