Estoy trabajando con Vue.js (versión 3) y quería hacer algo como esto:
<div v-for="item in list" v-if="item.someAttribute === someOtherVariable">pero Vue devuelve el error:
Property "item" was accessed during render but is not defined on instanceDado que, como supongo, está buscando un elemento en datos , donde creé la aplicación Vue. ¿Hay alguna manera de resolver este problema? ¿Quizás alguna solución para obtener el mismo efecto?
No se recomienda usar
v-ifyv-foren el mismo elemento debido a la precedencia implícita.
según los documentos oficiales
por lo que debe hacer:
<template v-for="item in list"> <div v-if="item"> .... </div> </template>No puede acceder a v-for y v-if en la misma línea, si lo hace, se le ha dado prioridad a su condición v-if , esta fue la razón por la que está recibiendo ese error
<div v-for="item in list"> <span v-if="item.someAttribute === someOtherVariable">...</span> </div>