Creé una pequeña API e intenté obtener mensajes, mi función devuelve un vector y quiero enumerar el contenido de este vector para esto, uso v-for="elemento en mensajes" pero tengo un error: Error in render: "TypeError: right-hand side of 'in' should be an object, got null" , uso vuejs cli
mi código :
<template> <div> <div class="messages"> <ul id="array-rendering"> <li :v-for="item in messages"> {{ item.message.content }} </li> </ul> </div> </template> <script> import {login} from "@/login"; import {Messages} from "@/Messages"; export default { name: 'Messages', data() { return { messages: null, } } }, mounted() { login('user', 'pass').then(r=>{ Messages.getMessages(r) .then(r=>{ this.messages = r }) }) } } </script>En primer lugar, la sintaxis v-for es incorrecta. Use "v-for" en lugar de ":v-for".
El otro problema es que establece el valor inicial de los mensajes como nulo. El problema es que no puede hacer un bucle en un valor nulo. Puede establecer una matriz u objeto vacío como valor inicial.
data() { return { messages: [] // or {}, } }