通常有两种情况: 1.在模板的html标签上使用length报错 vue 中使用 length判断的时候,有时会报错,如下: <div class="item_list" v-if="form.checkVal.length > 0" >列表1</div><div class="item_list" v-else >列表2</div>解决方法: 改成:  form.checkVal !== u…

1.[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined 注意,只要出现Error in render,即渲染时候报错,此时应该去渲染位置去找错误,而不是函数里面. 今天就碰到这个错误,我一直只注意着Cannot read property '0' of undefined,所以一直在函数里面调试找错,却一直没找到,最后才注意到Error in render,想着应该是渲染出错,果然去掉写的渲…

凌晨遇到一个控制台报错的信息,总是显示有对象中的元素未定义 明明是有把定义对象的值的,后面发现是把没有返回值的函数又赋值一遍给未定义的元素所属的对象,…

当用Vue模块化开发时,输入  http://localhost:8080  页面没有显示,首先按F12,检查是否有如下错误 话不多说,直接看下面: 解决方法1 如果是上面出的问题,以后就要注意了哦,以后说美女,要注意哦!可能说出去了得到不好结果哦.那就...... .例如:就好比你说美女,具体是指哪个美女?.正确做法: "美女:孙尚香" 如果上面代码没有问题,就检查如下图的红线部分component是否多了  's'  ,去掉就行了…

item 是向后台请求的一条数据,里面包含img,但是却提示img未定义 父组件向子组件传递数据时, 子组件 具体代码: <img :src="item.img" /> 提示: 出现的原因: 可能是页面渲染和请求数据是异步操作, 数据还未请求结束,页面已经开始渲染了,所以刚开始报未定义变量, 等数据获取结束后,再次渲染,页面内容出来了,但是刚开始的警告也出来了 解决办法: 1. <img :src="item && item.imgUrl&q…

如果我们 vue 组件中 template 里面添加了下标(靠数组索引得到的值),就会报索引为 undefined 解决方法: 在我们使用下标时,要在父组件上做条件判断,如果这个下标存在,然后就显示里面的内容,这样就不会报 undefined 了,…

前端vue报错 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'name')" found in         ****** 返回值接收时出Type错误往下翻 这个错误是不能加载属性为null的类型 我用了一个笨办法,把页面上的null值都ctrl+f标注出来然后都修改成0(0方便写点),然后我发现当前页面的错误并没有改变,最后我定位到了错误再我调用的子组件里面,我调用…

vue项目在控制台中报这个错误时,当看到nextTick词时想到vue的$nextTick()方法 Vue 在更新 DOM 时是异步执行的.只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更,也就是说,vue赋一个值,并不是立即生效,而是下一个事件触发时更新 为了在数据变化之后等待 Vue 完成更新 DOM,可以在数据变化之后立即使用 Vue.nextTick(callback) (可以参考vue官方网站对异步更新队列的介绍 https://cn.vuejs.o…

此处提醒:项目是vite还是vue/cli,打包有区别 打包报错问题: 原因: package.json中,build配置vue-tsc的问题,把对应的命令给删掉: . 语法检查问题: 要么<scripts steup lang="ts">,要么vite.config.ts中删除下面…

虽然标题写的是配置路由报错,最终也是通过修改路由解决的,但是导致报错的还有一个主要因素,是因为我增加了一个功能“页面刷新时,根据url高亮左侧导航”,如下图: 1.页面刷新,根据url高亮左侧导航代码如下: // 刷新页面时根据url高亮左侧导航选项 highLightLeftNav() { this.firstIndexCur = -1; this.secondIndexCur = -1; let pathName = this.$router.history.current.path; th…