Bagaimana untuk menyelesaikan aksara Cina yang kacau dalam parameter penghalaan vue

Apabila menggunakan Vue untuk pembangunan, selalunya perlu menggunakan fungsi "parameter penghalaan", tetapi kadangkala parameter yang diluluskan mengandungi aksara Cina, dan masalah aksara Cina yang kacau akan berlaku. Ini kerana URL penyemak imbas hanya menerima pengekodan ASCII dan tidak menyokong pengekodan aksara Cina, jadi aksara yang bercelaru akan muncul apabila menghantar aksara Cina. Artikel ini akan memperkenalkan cara menyelesaikan masalah ini dalam Vue.

Penyelesaian

1. Gunakan fungsi encodeURIComponent()

Apabila menghantar aksara Cina ke laluan, anda boleh menggunakan fungsi encodeURIComponent() dalam JavaScript. pengekodan. Fungsi fungsi ini adalah untuk menukar aksara Cina kepada pengekodan URL supaya aksara Cina boleh dihantar dengan betul dalam URL.

Contoh kod:

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

Nota: Menggunakan kaedah ini memerlukan penyahkodan pada halaman yang menerima parameter Kaedah penyahkodan ialah fungsi decodeURIComponent().

2. Gunakan param vue-router

Apabila menggunakan vue-router untuk menghantar parameter untuk penghalaan, terdapat dua cara untuk menghantar parameter, satu ialah menggunakan pertanyaan, dan satu lagi ialah menggunakan params. params adalah untuk menambah parameter pada alamat penghalaan dan bukannya sebagai parameter pertanyaan, yang boleh mengelakkan masalah aksara Cina yang kacau.

Contoh kod:

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

Nota: Pada masa ini, anda perlu mengisytiharkan penghalaan dinamik parameter penghalaan.

3. Aksara Cina secara langsung menggunakan kod Bahasa Inggeris atau Unikod

Jika ia hanyalah rentetan biasa dan bukannya parameter laluan, anda juga boleh menggunakan aksara Cina secara langsung dalam tatatanda bahasa Inggeris atau Kod Unikod untuk mengelakkan masalah aksara Cina yang kacau.

Contoh kod:

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

Ringkasan

Artikel ini memperkenalkan cara yang betul untuk menghantar aksara Cina dalam Vue, menggunakan pengekodan fungsi encodeURIComponent() dan menggunakan vue-router The parameter params dan penggunaan langsung tatatanda bahasa Inggeris atau kod Unicode adalah kedua-dua kaedah yang boleh dilaksanakan, dan anda boleh memilih untuk menggunakannya mengikut situasi sebenar.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan aksara Cina yang kacau dalam parameter penghalaan vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!