Comment résoudre les caractères chinois tronqués dans les paramètres de routage de vue

Lors de l'utilisation de Vue pour le développement, il est souvent nécessaire d'utiliser la fonction "paramètres de routage", mais parfois les paramètres transmis contiennent des caractères chinois, et le problème des caractères chinois tronqués se produira. En effet, l'URL du navigateur n'accepte que le codage ASCII et ne prend pas en charge le codage des caractères chinois. Des caractères tronqués apparaîtront donc lors de la transmission de caractères chinois. Cet article explique comment résoudre ce problème dans Vue.

Solution de contournement

1. Utilisez la fonction encodeURIComponent()

Lorsque vous transmettez des caractères chinois à l'itinéraire, vous pouvez utiliser la fonction encodeURIComponent() en JavaScript pour l'encodage. La fonction de cette fonction est de convertir les caractères chinois en codage URL afin que les caractères chinois puissent être correctement transmis dans l'URL.

Exemple de code :

this.$router.push({
    path: '/detail',
    query: {
        id: 1,
        title: encodeURIComponent('这是中文标题')
    }
})

Remarque : L'utilisation de cette méthode nécessite un décodage sur la page qui reçoit les paramètres passés. La méthode de décodage est la fonction decodeURIComponent().

2. Utilisez les paramètres de vue-router

Lorsque vous utilisez vue-router pour transmettre des paramètres de routage, il existe deux façons de transmettre des paramètres, l'une consiste à utiliser une requête et l'autre à utiliser des paramètres. params consiste à ajouter des paramètres à l'adresse de routage plutôt qu'en tant que paramètres de requête, ce qui peut éviter le problème des caractères chinois tronqués.

Exemple de code :

this.$router.push({
    path: `/detail/${encodeURIComponent('这是中文标题')}`,
    params: {
        id: 1
    }
})

Remarque : À ce stade, vous devez déclarer l'itinéraire dynamique des paramètres de routage.

3. Les caractères chinois utilisent directement les codes anglais ou Unicode

S'il s'agit simplement d'une chaîne ordinaire au lieu d'un paramètre de route, vous pouvez également utiliser directement la représentation anglaise ou le code Unicode pour les caractères chinois afin d'éviter le problème des caractères chinois tronqués.

Exemple de code :

console.log('这是一段中文字符') // 输出这是一段中文字符
console.log('\u8FD9\u662F\u4E00\u6BB5\u4E2D\u6587\u5B57\u7B26') // 输出这是一段中文字符

Résumé

Cet article présente la manière correcte de transférer les caractères chinois dans Vue Il est possible d'utiliser l'encodage de la fonction encodeURIComponent(), d'utiliser le paramètre params de vue-router et d'utiliser directement la notation anglaise ou. Méthode de code Unicode, vous pouvez choisir de l'utiliser en fonction de la situation réelle.

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!