Este team de trabajo ha estado horas buscando para darle respuesta a tu interrogante, te dejamos la respuestas de modo que nuestro objetivo es serte de gran ayuda.
Solución:
Simplemente puede leer un static Archivo JSON usando la importación. Luego asigne datos.
import Timeline from '../data/timeline.json';
export default
data()
return
Timeline
Creo que el problema está en la URL del archivo Json. Intente colocar el archivo Json en el static
carpeta. Cree uno si no existe. Debe ser el mismo que el nivel de src
carpeta. Luego coloque el archivo Json en esa carpeta. Después de hacer las sugerencias anteriores, use la URL como se muestra a continuación:
$.getJSON('static/timeline.json', function .......
También puede cargar archivos json dinámicamente si tiene muchos de ellos. Cargar demasiados con declaraciones de importación en su vue atascará el navegador o lo bloqueará si tiene demasiado json. Por lo tanto, también puede cargar archivos json dinámicamente de forma individual.
Simplemente cree un método y establezca una variable igual al recurso json. Active el método cuando el usuario necesite el recurso.
methods: {
getJsonFile (index)
this.currentJsonFile = require('./assets/' + index + '.json')
El JSON se analizará automáticamente.
Si te ha resultado de utilidad nuestro post, te agradeceríamos que lo compartas con otros juniors de esta manera nos ayudas a extender esta información.