Comment Vue obtient-il les paramètres d'URL sans routage

Avec le développement continu de la technologie front-end, Vue, en tant que l'un des frameworks front-end les plus populaires, a été largement utilisé dans l'industrie. Dans Vue, l'obtention des paramètres d'URL via le routage est une exigence courante, et c'est également un problème courant rencontré dans le développement quotidien. Cependant, nous ne souhaitons parfois pas obtenir les paramètres d'URL via le routage, peut-être en raison d'exigences commerciales particulières. Cet article présentera comment Vue obtient les paramètres d'URL sans routage.

Tout d'abord, comprenons comment le routage obtient les paramètres d'URL. Dans Vue, nous pouvons obtenir les paramètres d'URL via this.$route.query. Par exemple, si le paramètre dans l'URL est ?id=1, il peut être obtenu de la manière suivante :

this.$route.query.id  // 1

Mais dans certains cas, nous pouvons ne pas vouloir obtenir les paramètres de l'URL via le routage, peut-être en raison d'une affaire complexe. solutions logiques ou de conception, etc. attendez. Dans ce cas, nous pouvons obtenir les paramètres de l'URL via l'objet window.

Ce qui suit est un exemple simple, en supposant que notre URL est http://localhost:8080?id=1.

Tout d'abord, nous devons utiliser du code JavaScript natif pour obtenir l'URL. Le code est le suivant :

let url = window.location.search

Dans le code ci-dessus, window.location.search peut obtenir des paramètres d'URL, y compris des caractères spéciaux tels que "?" et "=".

Ensuite, nous devons intercepter les valeurs des paramètres dans l'URL. Le code est le suivant :

let params = {}
if (url.indexOf('?') !== -1) {
    let arr = url.split('?')[1].split('&')
    arr.forEach((item) => {
        let val = item.split('=')
        params[val[0]] = val[1]
    })
}

Dans le code ci-dessus, nous utilisons d'abord l'instruction if pour déterminer si l'URL contient le caractère "?". Si elle est incluse, utilisez la méthode split pour séparer la partie paramètre, et utilisez les méthodes loop et split pour séparer chaque paire clé-valeur. Enfin, nous stockons le nom du paramètre et la valeur du paramètre dans un objet sous la forme de paires clé-valeur.

Enfin, nous pouvons utiliser l'objet params pour obtenir les valeurs des paramètres d'URL. Par exemple, pour l'URL ci-dessus, nous pouvons obtenir la valeur du paramètre de la manière suivante :

params.id  // 1

En résumé, nous pouvons obtenir les paramètres de l'URL via l'objet window sans utiliser le routage. Bien entendu, l’approche à utiliser dépend des besoins spécifiques de votre entreprise et de vos options de conception.

En bref, Vue est un framework front-end très populaire Dans le processus d'apprentissage de Vue, vous rencontrerez inévitablement le besoin d'obtenir des paramètres d'URL. Grâce aux deux méthodes présentées dans cet article, vous maîtriserez les compétences nécessaires pour obtenir des paramètres d'URL sans routage et mieux répondre aux besoins métiers complexes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!