A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Listado de notas: personalizaci贸n

9/20
Recursos

Aportes 4

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Si a ustedes les sale un 鈥渆rror鈥 dentro del editor de c贸digo que les marca en el v-for (as铆 como al profesor) es porque Vue te pide que a cada elemento v-for le agregues un identificador, no es necesario, pero es de buena pr谩ctica hacerlo porque as铆 Vue puede diferenciar a un elemento de otro, y por eso el linter del editor te pide que lo agregues, y de hecho, si trabajaras 煤nicamente con Vue s铆 te dar铆a un error al compilar el componente.
.
La forma de solucionarlo es agregando un :key al v-for, podemos usar un key gen茅rico:

<tr v-for="(note, i) in notes" :key="i">
...
</tr>

As铆 Vue generar谩 un contador que puedes usar como llaves, pero una forma m谩s profesional es que, ya que en este caso s铆 tenemos un id por cada nota, podemos usarlo:

<tr v-for="note in notes" :key="note.id">
...
</tr>

De esa forma es m谩s pr谩ctico y eliminas el error del editor 馃槃

Si, tienes el error 鈥淔ailed to resolve component: inertia-link鈥 pudes resolverlo importando el componente manualmente inertiajs/inertia-vue3, debido a una actualizaci贸n. El C贸digo quedar铆a as铆.

HTML

<Link :href=鈥渞oute(鈥榥otes.show鈥, note. id)鈥>
Mostrar
</Link>

JS

<script>
import AppLayout from '@/Layouts/AppLayout.vue鈥
import { Head, Link } from 鈥楡inertiajs/inertia-vue3鈥

export default {
    components: {
        AppLayout,
        Head,
        Link,

    },
    props:{
        notes: Array,
    }
}

</script>

Para los que no les salga en la ultima secci贸n:

export default {
    ...
}

Deben hacer lo siguiente, en la primera secci贸n del codigo, donde est谩:

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue';
</script>

.
Le agregan

defineProps({
    notes: Array,
})

.
Quedando de esta manera:

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue';
defineProps({
    notes: Array,
})
</script>

.
Espero les sirva para continuar con el curso 馃榿

me encanta ahora la forma de apuntar a una ruta de laravel desde vue, solo con la etiqueta <inertia-link> </inertia-link>