Je vais chercher des données de Newsapi.org et je veux qu'il y ait un lien cliquable après les titres afin de pouvoir en savoir plus sur l'article. Mais je ne peux pas le faire fonctionner.
Peut-être que c'est trop avancé pour moi depuis que je ne suis pas bon au codage. Je pensais peut-être qu'il y avait un moyen simple de faire fonctionner les URL dynamiques. J'utilise axios.
3 Réponses :
Vous pouvez utiliser VUE-ROUTER dans ce cas. Vous créez un itinéraire avec un paramètre / Actualités /: ID dans routeur / index.js EG.
this.$route.params.id
Donc, d'après ce que je comprends, vous allez avoir une URL séparée pour chaque article de presse différent. Il semble que des malentendus sont légers sur la manière dont ces informations seront transmises à l'étiquette d'ancrage, où elle devrait provenir et comment vous utilisez des données.
Première, répondons à votre méthode de données. Si vous regardez la structure de vos données, vous pouvez voir que vous avez une propriété code> items code>, qui est une array et une propriété code> code>, qui est définie sur une chaîne. Le problème ici est que La bonne nouvelle est que vous devez déjà voir l'URL correcte affichée sur votre page ici: P> adresse code> n'est pas dynamique. Ce sera toujours la chaîne littérale "item.url" code>, qui veut dire qu'il représentera toujours ces caractères ( "item.url" code>) dans cet ordre, mais Il ne représente pas réellement aucun bien d'URL d'élément spécifique. P> data() {
return {
items: [],
}
}
Cette ligne a fonctionné super! Merci! i a également supprimé les données d'adresses.