Bonjour,
Voila je rencontre un petit problème avec mon code.
Ce que je fais
J'essaie de transmettre à un component vuejs que je suis en train de coder un attribut de type json générer dans à partir d'un tableau générer. Ci dessous un exemple.
<?php
...
$data = array();
$data['id'] = $post['main_img'];
$data['name'] = $post['image']['name'];
$data['legend'] = $post['image']['legend'];
$data['url'] = $post['image']['url'];
}
$jsonimage = json_encode($data);
....
J'obtiens donc ce json:
{"id":78219,"name":"Les correspondants.png","legend":null,"url":"uploads\/main_imgs\/45437\/20200607071622sC0J.png"}
Une fois générer, j'injecte ce json dans mon component:
<simpledropzoneupload json='{{ $jsonimage }}' ......></simpledropzoneupload>
Dans mon component, j'ai défini json en props en précisant le typage Object.
export default {
name: "SimpledropzoneUpload",
props : {
accept: {type: String, required: false, default: '*'},
json: Object,
....
}
}
Ce que j'obtiens
Je souhaiterais pouvoir, dans le template, afficher les diverses valeurs du json. Pour cela je fais tout simplement {{ json.url }}.... Hors, cela ne fonctionne pas.
Si je souhaite afficher l'intégralité du json en faisant {{ json }}, il s'affiche dans l'intégralité, par contre, je n'arrive pas à récupérer les clés de mon choix.
Auriez-vous une idée de la provenance de mon problème?
leknoppix
leknoppix
