我正在与Vue合作.js(版本3)和我想做这样的事情:

<div v-for="item in list" v-if="item.someAttribute === someOtherVariable">

但是Vue返回错误:

Property "item" was accessed during render but is not defined on instance

因为,正如我所想,他在data中寻找item,我在那里创建了Vue应用程序.

推荐答案

由于隐含优先级,不建议在同一个元素上使用v-ifv-for.

根据official docs

所以你应该:


<template v-for="item in list">
  <div v-if="item">
    ....
  </div>
</template>

Javascript相关问答推荐

Bootstrap动态选项卡在切换选项卡后保持活动状态,导致元素堆叠

被CSS优先级所迷惑

拖放仅通过 Select 上传

通过嵌套模型对象进行Mongoose搜索

如何在Obsidian dataview中创建进度条

使用Java脚本根据按下的按钮更改S文本

更改预请求脚本中重用的JSON主体变量- Postman

如何在ASP.NET项目中使用Google Chart API JavaScript将二次轴线值格式化为百分比

400 bad request error posting through node-fetch

使用Nuxt Apollo在Piniastore 中获取产品细节

NG/Express API路由处理程序停止工作

当我在Reaction中创建一个输入列表时,我的输入行为异常

Puppeteer上每页的useProxy返回的不是函数/构造函数

在SHINY R中的嵌套模块中,不能使用Java代码

P5JS-绘制不重叠的圆

我怎样才能得到一个数组的名字在另一个数组?

如何创建一个for循环,用于计算仪器刻度长度并将其放入一个HTML表中?

当一条路由在Reaction路由中命中时,如何有条件地渲染两个组件或更改两个插座?

使用onClick单击子元素时,使用交点观察器的关键帧动画意外运行

单击时同时 Select 和展开可访问的行