Vue项目报错记录解决Property or method “item“ is not defined on the instance

这里要实现显示一个Tabbar栏的效果，其中一行代码v-for=“item in titles”
数据传输过去了，但没有展示，
报错信息
Property or method “item” is not defined on the instance but referenced during render.

原因使用了item项，却没有在data()中定义，这里item是遍历titles数组的固有属性，不用在data()里再次定义
了解v-for循环数据，当用for来更新已经被渲染的元素时，vue的“就地复用”策略，不会改变数据项的顺序的，如果想要重新排序，需要为每项添加key（也就是每项的唯一id）
当使用v-for正在更新已渲染的元素列表时，它默认使用“就地复用”策略。如果数据项的顺序被改变，vue将不是移动元素来匹配数据的顺序，而是简单的复用此处的每个元素，并且确保他在特定索引下显示已被渲染过的每个元素。经常在列表渲染输出中使用。
修改语句

     v-for="(item, index) in titles:key="item.index"

  正常显示添加key值，这个key值也是Vue官方建议使用的

Vue项目报错记录解决Property or method “item“ is not defined on the instance相关推荐

报错：Property or method “item“ is not defined on the instance but referenced during render.
前言:目前在敲项目,遇到的报错问题~ 报错原因: Property or method "item" is not defined on the instance but refe ...
vue项目报错，解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题
vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题参考文章: (1)vue项目报错,解决Module bu ...
vue.runtime.esm.js:4560 [Vue warn]: Property or method “item“ is not defined on the instance but
报错异常 vue.runtime.esm.js:4560 [Vue warn]: Property or method "item" is not defined on the i ...
uniapp小程序报错Property or method item is not defined on the instance but referenced during rende
H5中不报错,但是小程序中报错原因是定义的属性中没有这个东西,但是你使用,而且在他身上还使用了字符串相关的函数! 把这个去掉,完美解决
Property or method “item“ is not defined on the instance but referenced during render.
属性或方法"item"未在实例上定义,但在呈现期间被引用.通过初始化属性,确保此属性是被动的,无论是在data选项中,还是对于基于类的组件具体情况如下图所示,提示信息是item没 ...
解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法报错如下问题分析明显从图中可以以看 ...
前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划
导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly-的解决方法. 问题前段时间在做前端项目 ...
Vue项目报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string
# Vue项目报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...
Vue项目报错：This relative module was not found
Vue项目报错:This relative module was not found 问题如下解决办法出现这种错误检查自己的路径问题我已解决 "./ ":代表当前所在的目录. ...

Vue项目报错记录解决Property or method “item“ is not defined on the instance

Vue项目报错记录解决Property or method “item“ is not defined on the instance相关推荐

最新文章

热门文章