VUE项目报错:[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“

1.问题描述:

我之前做的一个项目,PM联系我说,在某角色下没问题,在另外一个角色下展示出现问题。我得知此消息后,我先回复了一下对方后,啪的一下就打开了vs code,然后把项目跑起来,我迫不及待的想看看是什么问题,果然 这个问题 在控制台报错了,但一时还真就定位不到,报错如标题。具体如下截图
VUE项目报错:[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“_第1张图片

2.解决问题:

看到这个问题,我也是习惯性的先上百度搜一波,网上有说①名命问题,也有②在data里赋初值的。总之就是很宽泛,需要自己梳理一下代码然后找问题。我先说下我代码报错的原因吧,然后再说下我解决问题的思路吧
问题原因:v-if中判断一个对象是不是空
解决问题:判断写的不对,删掉即可
VUE项目报错:[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“_第2张图片
VUE项目报错:[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“_第3张图片
那我在这儿 说下我解决问题的思路
根据代码执行顺序,比如如果一进页面就报错的话,那一般都是在created、methods等这些生命周期钩子中,写几个console或使用return,来看看它到底执行到哪儿就不往后走了。
html中的话 就看数据对视图有哪些地方会影响,采用注释的方式,一点一点缩小范围。

3.回顾问题

遇到问题不可怕,可怕的是遇到问题了,但不知道是什么问题。一般情况下 只要能定位到问题,都是可以解决的,解决不了的 那就换个思路或者提出一些合理的理由让这个问题不在是问题。

最后我还想说一句↓

未来总是充满希望! 加油。

你可能感兴趣的:(前端技术,vue)