Vue.js vue无法访问对象道具

Vue.js vue无法访问对象道具,vue.js,vuetify.js,nuxt.js,Vue.js,Vuetify.js,Nuxt.js,我在数组中执行find方法来搜索对象。我取回了那个物体,但我无法接近那个物体上的道具。nuxt错误抛出器显示以下内容: 无法读取未定义的属性“值” 我的代码: {{item.name} 奇怪的是,如果我这样做: 与此相反: 这是行不通的。但是item.name.toLowerCase()与“evenementen”相同 有什么解决方案吗?它给出了一个错误,因为在“查找”中,它找不到任何单个项目的返回注释,而您正试图访问.value // Error //console.log(s

我在数组中执行find方法来搜索对象。我取回了那个物体,但我无法接近那个物体上的道具。nuxt错误抛出器显示以下内容:

无法读取未定义的属性“值”

我的代码:


{{item.name}
奇怪的是,如果我这样做:


与此相反:


这是行不通的。但是
item.name.toLowerCase()
与“evenementen”相同


有什么解决方案吗?

它给出了一个错误,因为在“查找”中,它找不到任何单个项目的返回注释,而您正试图访问
.value

// Error


//console.log(settings['adminIcons'].find(menuItem => menuItem.key == "env1").value)

常数数组1=[5,12,8130,44];
常量设置={
“管理员图标”:[
{“key”:“env”,
“值”:“值1”}
]
}
const found=array1.find(元素=>element>10);
log(设置['adminIcons'].find(menuItem=>menuItem.key==“env”).value);
//错误
//log(设置['adminIcons'].find(menuItem=>menuItem.key==“env1”).value);

基本上,您访问的是数据模型中没有项的项的值

此代码将为您提供一个字符串,这就是错误的来源

menuItem.key == item.name.toLowerCase()) // if item.name = 'Test' will become 'test'.

现在,它返回的数据已经不是您最初在循环中访问的项目,而是在新数据中给您一个结果。这就是为什么当您访问它的值时,它会说它不能读取未定义的属性值

你能创建一个代码笔或沙盒示例吗?find正在返回一个对象你不明白我说的什么,当find不会返回任何对象时,它将给出一个错误。是的,你可以通过这个错误得出结论,它不是一个对象。但我找不到一个解决办法,否则怎么办。这就是为什么我有这个关于stackoverflow的问题。我可以诊断它不是一个对象。你可以设置v-if条件来检查值是否存在。我需要在数组中找到一个项。用这段代码你将如何做到这一点?这不是我给你的代码,而是错误的来源