Saltar al contenido

VueJS: lectura de datos del archivo json local en la línea de tiempo vis.js

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *