Cara melaksanakan rujukan antara halaman dalam uniapp (dua kaedah)

Dalam Uniapp, kita selalunya perlu merujuk kandungan halaman lain dalam satu halaman. Di sini kami memperkenalkan dua kaedah untuk melaksanakan rujukan antara halaman.

Kaedah 1: Gunakan laluan halaman

Kita boleh menggunakan laluan halaman untuk memperkenalkan halaman lain, contohnya:

<template>
  <view>
    <other-page></other-page>
  </view>
</template>

<script>
  import OtherPage from '@/pages/other-page/other-page.vue'
  export default {
    components: {
      OtherPage
    }
  }
</script>

Dalam contoh di atas, kita berada dalam templat The Teg <other-page> digunakan, kemudian komponen vue halaman lain diperkenalkan dalam bahagian skrip, dan komponen itu didaftarkan dalam komponen. Dengan cara ini, kita boleh menggunakan <other-page> dalam halaman ini untuk merujuk kandungan halaman lain.

Perlu diambil perhatian bahawa laluan @/pages/other-page/other-page.vue di sini adalah relatif kepada direktori akar projek, dan laluan sebenar mungkin berbeza bergantung pada struktur projek.

Kaedah 2: Gunakan kaedah navigateTo bagi komponen Halaman

Kaedah lain ialah menggunakan kaedah navigateTo komponen Halaman, contohnya:

<template>
  <view>
    <button @click="goToOtherPage">跳转到另一个页面</button>
  </view>
</template>

<script>
  export default {
    methods: {
      goToOtherPage() {
        uni.navigateTo({
          url: '/pages/other-page/other-page'
        })
      }
    }
  }
</script>

Dalam contoh di atas, Kami menggunakan butang dalam templat, dan kemudian menulis kaedah goToOtherPage dalam bahagian skrip, di mana kaedah uni.navigateTo digunakan untuk melompat ke halaman lain. Perlu diingat bahawa laluan '/pages/other-page/other-page' harus diisi sebagai laluan halaman sebenar, dan juga boleh mengandungi maklumat seperti parameter dan pertanyaan.

Kedua-dua kaedah di atas boleh memperkenalkan kandungan halaman lain ke dalam Uniapp Kaedah yang mana untuk dipilih boleh dipilih mengikut keperluan dan struktur projek anda sendiri.

Atas ialah kandungan terperinci Cara melaksanakan rujukan antara halaman dalam uniapp (dua kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!