[Vue warn]: data functions should return an object:

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

vue报错

[Vue warn]: data functions should return an object:

[Vue warn]Property "customClass" must be accessed with "$data.customClass" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internals

 原因使用 ElementUI 的   this.$message.error(res); 导致。message.error(）传入的类型错误，

应该为obj、string传入了array

浅笑如伤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue里的data要用return返回的原因浅析
10-16
主要介绍了vue里的data要用return返回的原因浅析,需要的朋友可以参考下
vue实例中data使用return包裹的方法
12-02
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的： let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ } }) 在使用组件化的项目中使用的是如下形式： export default{ data(){ return...
Vue报错：[Vue warn]: data functions should return an object:
just a moment
05-21 1098
报错显示： 报错原因是vue对象中的data属性没有return{}： export default { data() { return; { msg: "hiiii,cici"; } },``` 改成： ```javascript export default { data() { return{ msg: "hiiii,cici", } }, ...
[Vue warn][data functions should return an object]
热门推荐
墨水白云的博客
05-18 2万+
翻译内容：data方法必须要返回一个对象 原因： 忘记加return了，因此改为如下： 问题：为什么data必须是一个方法返回而不像method一样只是一个属性? 直接作用：通过data方法返回的形式可以保证每个组件的数据独立性，即相互之间不会出现干扰。 原理：函数的作用域概念 官方解释：https://cn.vuejs.org/v2/guide/components.html ...
Vue项目报错：[Vue warn]: data functions should return an object
最新发布
aaa_12as的博客
04-01 158
Vue项目报错：[Vue warn]: data functions should return an object
在Vue中获取自定义属性方法:data-id的实例
10-14
主要介绍了在Vue中获取自定义属性方法:data-id的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[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 warn]: data functions should return an object
qq_19331985的博客
05-21 1万+
问题描述 在创建相应的vue页面组件时，引入组件后运行测试即出现现象中的报错问题。如下问题时vue页面开发中常见的一个问题 现象 当前问题是指向headcard.vue组件 解决方案 在headcard.vue中添加return{}返回值 在使用组件化的时候对应的组件中如果没有任何参数，也必须将retur{} 返回值加上。如果不加上则当前组件的数据会变成全局可视，则造成变量污染。加上return则组件数据只能当前组件可视，不会影响到其他组件 export default{ data(){ retur
日常开发记录- [Vue warn]:data functions should return an object: https://vuejs.org/v2/guide/...+[Vue warn]...
machine_vision123的博客
08-26 246
可能原因：在接口的错误捕获写了 .catch{ e => this.$message.error(e)} this.$message.error("") 只能写 String 类型的值， e 是Object 类型，所以会报错。。。
vue前端报错：[Vue warn]: data functions should return an object:
weixin_56554735的博客
08-22 215
因为这个报错，导致我的vue项目整体数据没有加载出来，每次启动vue项目时都需要手动刷新。意思就是我的HomeView.vue里面的<script>里面的data（）{}里面没有。建议：检查自己vue项目中所有的vue文件里面是否都有return返回函数。最后重新运行vue文件即可解决问题。函数，我们只需要添加即可。
Vue前端报错[Vue warn]: data functions should return an object:https://vuejs.org/v2/guide/components.htm
Viratha的博客
09-06 3894
在进行登陆页面输入账号密码后，点击登陆按钮，跳转时浏览器报了以下错误，Vue前端报错[Vue warn]: data functions should return an object:https://vuejs.org/v2/guide/components.htm
vue.runtime.esm.js?ff9b:619 [Vue warn]: data functions should return an object:解析问题
weixin_45847765的博客
11-16 448
如图所示错误 修改方法： 将export default中空的data删掉，有时候新建Vue组件时它会自己配置data，删掉即可。 data（）{}必须有返回值return
解决报错[Vue warn]: data functions should return an object
前端啤酒屋
07-16 2625
data中 return{}； 父组件使用scoped 无法控制子组件样式的办法： /deep/应用到子组件 组件分解
vue 报错 data functions should return an object
业余前端的职业经历
10-30 679
我在写vue的过滤器的时候 一直 报这个错误 但过滤器正确显示出来 后来发现 原来是少data(){ return {} }
The "data" option should be a function that returns a per-instance value in component definitions.
xuelang532777032的博客
10-08 1万+
问题是这样的  vue我建了个vue组件  代码如下 export default { // props: ["data-add"], data:{}, mounted:function(){ var m=this; }, methods:{ } } 什么都还没做  莫名奇妙就报错了 The "data" option sh
Vue warn]: data functions should return an object:
06-07
这个警告通常是因为 Vue 的组件的 data 选项不是一个函数，而是一个对象。在 Vue 中，data 选项必须是一个函数，这个函数返回一个对象，而不是一个对象本身。 如果您的组件中的 data 选项是一个对象，请将其改为一...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值