Desde hace unos días he estado intentando generar un formulario dinámico a través de un JSON que viene desde una petición GET a través de Axios. El problema que tengo es que tan solo me carga el comienzo del fichero, mientras que si lo cargo directamente si me lo carga bien.
¿Alguien sabría decirme como puedo cargarlo de forma completa tras la llamada?
Json:
{
"$schema": "http://json-schema.org/draft-04/schema#",
"type": "object",
"title": "Listado de campañas ",
"properties":{
"nombre": {
"type": "string",
"minLength": 8,
"maxLength": 80,
"title": "Campaña",
"attrs": {
"placeholder": "Introduce el nombre de la campaña",
"title": "Por favor introduce la campaña"
}
},
"descripcion": {
"type": "string",
"minLength": 8,
"maxLength": 80,
"title": "descripcion",
"attrs": {
"placeholder": "Introduce la descripción de la campaña",
"title": "Por favor introduce la descripción de la campaña"
}
},
"mes": {
"type": "string",
"minLength": 8,
"maxLength": 100,
"title": "Mes",
"enum": ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
"attrs": {
"placeholder": "Por favor introduce el mes de la campaña",
"title": "Por favor introduce el mes de la campaña"
}
},
"Sfid": {
"type": "string",
"minLength": 8,
"maxLength": 80,
"title": "Sfid",
"attrs": {
"placeholder": "SFID",
"title": "Por favor introduce el SFID"
}
},
"Grupo": {
"type": "string",
"maxLength": 120,
"title": "Grupo",
"attrs": {
"type": "email",
"placeholder": "Tu Grupo",
"title": ""
}
},
"CHome": {
"type": "string",
"title": "Código Home",
"enum": ["Codigo 1", "Codigo 2"],
"attrs": {
"placeholder": "Selecciona tu Código",
"title": "Selecciona tu Código"
}
}
},
"additionalProperties": false,
"required": ["nombre", "Sfid", "CHome"]
}
Metodo de axios que lo llama:
getMenu: function () {
instance.get("/servicioPrueba/Campa").then(response => {
this.schema= response.data
})
Fragmento de carga del fichero .vue que hace que si se cargue bien desde el comienzo(o sea haciendo carga directa de un fichero desde disco)
export default {
mounted: function () {
this.getMenu()
},
data: () => ({
schema: require('../schema/Campa'),
//schema: {},
model: {}
}),