vue3+antd cannot convert object to primitive value

最新推荐文章于 2024-05-30 11:27:58 发布
最新推荐文章于 2024-05-30 11:27:58 发布
阅读量6.4k 收藏 3
点赞数 6
分类专栏： antd vue+vue3 文章标签： vue.js 前端 vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbchenxy/article/details/116448494
版权

vue3+antd cannot convert object to primitive value

最近用vue3+ antd写了一个新项目，遇到了这样一个问题

问题描述：我写了一个table组件，然后父组件引用的时候需要用到一些其他的比如弹框啊，tree树啊，但是页面第一次进入都不报错。每次刷新的时候就会出现这个错误在这里插入图片描述
在这里插入图片描述
这个错误我百度查了很久，告诉我类型错误，但是我没找到我哪里用到过的类型是有问题的。找了好久还是找不到问题出现的点，最后只能去注释代码找问题。
功夫不负有心人啊，最后终于找到了是由于自己命名不规范导致问题出现在这里插入图片描述
这两个地方由于用了同一个名称，导致页面加载的时候，ref对应到了方法上，所以引用出现了错误。

大家引以为戒

lbchenxy
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
Vue3+antd vue 的后台管理系统.zip
01-02
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者，能够帮助你快速上手Qt并掌握其高级特性。
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0，实践vue3.0的新特性
vue-antd-admin:基于vue3 + antd + JavaScript的后台系统
03-11
vue-antd-admin 欢迎使用vue-antd-admin，这是一个基于vue3.0 + antd2.0.0 + vuex4.0 + vue-router4.0的适合新手学习的项目，后台全部采用了composition API的写法，作者也只是个刚出学校的初级菜鸟前端，在vue3的路上不断摸索，不断踩坑，目前的想法是效仿vue-element-admin做一个通用后台，数据使用嘲笑数据，未来会考虑采取ts重组。 antd用的是2.0.0官方文档查看这里 vue3文档查看这里 1，使用成分API 2，使用antd 2.0.0版 3，支持模拟数据 4，支持嵌入式菜单 yarn install 如果纱线安装依赖失败，请删除yarn.lock执行npm install来安装依赖 yarn serve yarn build
vue-antd-element:基于vue3 + antd的后台管理系统
03-11
vue3-cli-tsx 基于vue3 + antd开发， “ vue”：“ ^ 3.0.0-beta.1”， “ vue-router”：“ ^ 4.0.0-alpha.6”， “ vuex”：“ ^ 4.0.0-alpha.1” 在线预览 进度 草稿版本 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue3+vite+antd 后台管理系统基础模板
02-06
vue3+vite+antd后台管理系统 vue3 vite antd 后台管理系统 基础模板 vite秒启动 弃用webpack，解决启动加载过慢的问题
vue3 cannot convert object to primitive value
weixin_42178050的博客
10-12 1641
这两个地方由于用了同一个名称，导致页面加载的时候，ref对应到了方法上，所以引用出现了错误。一样的话就会报错
VUE项目报错：[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“
weixin_42280496的博客
08-17 3275
1.问题描述： 我之前做的一个项目，PM联系我说，在某角色下没问题，在另外一个角色下展示出现问题。我得知此消息后，我先回复了一下对方后，啪的一下就打开了vs code，然后把项目跑起来，我迫不及待的想看看是什么问题，果然 这个问题 在控制台报错了，但一时还真就定位不到，报错如标题。具体如下截图 2.解决问题： 看到这个问题，我也是习惯性的先上百度搜一波，网上有说①名命问题，也有②在data里赋初值的。总之就是很宽泛，需要自己梳理一下代码然后找问题。我先说下我代码报错的原因吧，然后再说下我解决问题的思路
vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive
qq_32758159的博客
12-06 3553
问题： vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive value” 直接把数据来源变量的值赋值给页面变量，正常展示 this.columns= [{prop: "num", label: "序号"}] 直接把数据来源变量赋值给页面变量，报错 this.columns= resp.headerList 对比两次赋值 尝试处理数据，之后解决了 th
vue.runtime.esm.js?2b0e:1897 TypeError: Cannot convert object to primitive value
weixin_41886421的博客
03-31 351
vue.runtime.esm.js?2b0e:1897 TypeError: Cannot convert object to primitive value
踩坑 TypeError: Cannot convert object to primitive value 翻译结果：类型错误:不能将对象转换为原始值
qq_45144972的博客
08-21 1万+
踩坑 TypeError: Cannot convert object to primitive value 翻译结果：类型错误:不能将对象转换为原始值 问题所在：在代码中将对象与基本类型做比较导致 if( object != '' ) //对象与字符串比较 报错
Vue3 + Antd 开发的项目管理系统.zip
12-31
Vue3 + Antd 开发的项目管理系统，集成常用文件类型的导出以及文件的下载，虚拟列表以及懒加载的性能优化，图表地图、权限管理等管理系统的常用功能.zip
vue3+antd 的博客管理系统.zip
01-02
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者，能够帮助你快速上手Qt并掌握其高级特性。
vue3.2 + antd vue3. 基于vue3.2 + antd vue3的后台管理系统.zip
12-31
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用...
TypeError: Cannot convert object to primitive value
Cool_so_cool的博客
08-12 3847
控制台一直保这个错,翻译过来就是，无法将对象转换为基元值 在控制台打印这个判断也等于true 问题所在：在代码中将对象与基本类型做比较导致
Cannot convert object to primitive value
qq_45981247的博客
04-02 255
Vue学习新手坑：使用setup()函数定义对象时，return返回需要使用{}包起来，哪怕你只有一个返回对象。
Node.js遇到的一个错误TypeError: Cannot convert object to primitive value
热门推荐
格物致知的专栏 [音视频编解码 网络协议 计算机视觉 计算机图形学 图像理解 语音识别 机器学习 模拟电路 传感器]
05-27 1万+
js文件运行时出现这个错误，发现是这一行引起的：console.log('req.body is:'+req.body) 将其改为：console.log('req.body is:',req.body)就好了。 这是因为req.body是对象，不是字符串。
UnhandledPromiseRejectionWarning: TypeError: Cannot convert object to primitive value
pycharm_k的博客
03-24 3234
UnhandledPromiseRejectionWarning: TypeError: Cannot convert object to primitive value 主要是这个错误，是类型转化的问题，node好像无法接收前端的json对象，所以我们要转化为json的字符串形式。 如下修改 ： 使用JSON.stringify()进行类型转换。 ...
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
最新发布
山花的博客
05-30 637
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
vue.js:3732 TypeError: Cannot convert undefined or null to object
10-20
这个错误通常是因为在Vue.js中没有正确设置或传递props导致的。当父组件没有正确地传递props或者传递了undefined或null值，子组件会尝试使用一个未定义的对象，从而导致这个错误。解决这个问题的方法有： 1. 在子组件中设置默认值，以避免使用未定义的对象。 2. 确保正确地设置和传递props，确保props的类型和值与子组件期望的一样。 3. 检查代码中是否有其他可能导致这个错误的问题，比如变量声明或函数调用时出现了未定义的变量。 --相关问题--:

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lbchenxy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值