Rumah hujung hadapan web uni-app Bagaimana untuk melompat ke halaman dalam apl uni

Bagaimana untuk melompat ke halaman dalam apl uni

Sep 15, 2021 am 11:18 AM
uni-app Lompat halaman

Kaedah lompat: 1. Gunakan "uni.navigateTo(OBJECT)"; 2. Gunakan "uni.redirectTo(OBJECT)"; 3. Gunakan "uni.reLaunch(OBJECT)"; .switchTab(OBJEK)" dsb.

Bagaimana untuk melompat ke halaman dalam apl uni

Persekitaran pengendalian tutorial ini: sistem Windows 7, uni-app versi 2.5.1, komputer DELL G3.

Lompatan halaman Uni-app diselesaikan terutamanya dengan 5 kaedah berikut. Ia adalah seperti berikut:

(1)uni.navigateTo(OBJECT) Simpan halaman semasa dan lompat ke halaman dalam aplikasi
(2)uni.redirectTo(OBJECT) Tutup semasa halaman, Lompat ke halaman dalam aplikasi
(3)uni.reLaunch(OBJECT) Tutup semua halaman dan buka halaman dalam aplikasi
(4)uni.switchTab(OBJECT) Lompat ke halaman tabBar , dan tutup semua halaman bukan tabBar lain
(5)uni.navigateBack(OBJEK) Tutup halaman semasa dan kembali ke halaman sebelumnya atau halaman berbilang peringkat

uni.navigateTo( OBJEK)

Kekalkan halaman semasa, lompat ke halaman dalam aplikasi dan gunakan uni.navigateBack untuk kembali ke halaman asal. Perihalan parameter OBJEK: Jenis parameter diperlukan Penerangan: urlString ialah laluan ke halaman bukan tabBar dalam aplikasi yang perlu dilompat Parameter boleh disertakan selepas laluan. Parameter dan laluan dipisahkan oleh ?, kunci parameter dan nilai parameter disambungkan dengan =, dan parameter berbeza dipisahkan oleh &; 🎜>

Tutup halaman semasa dan lompat ke halaman dalam apl. OBJEK Parameter Perihalan Jenis Parameter Diperlukan Penerangan urlString ialah laluan ke halaman bukan tabBar dalam aplikasi yang perlu dilompat Parameter boleh disertakan selepas laluan. Parameter dan laluan dipisahkan oleh ?, kunci parameter dan nilai parameter disambungkan dengan =, dan parameter berbeza dipisahkan oleh &; 🎜>
uni.navigateTo({
url: 'test?id=1&name=uniapp'

});
export default {
onLoad: function (option) {
console.log(option.id);
console.log(option.name);
 }
}
Salin selepas log masuk
Tutup semua halaman dan buka halaman dalam apl. Perihalan parameter OBJECT: Jenis parameter diperlukan Penerangan urlString ialah laluan ke halaman dalam aplikasi yang perlu dilompat Parameter boleh disertakan selepas laluan. Parameter dan laluan dipisahkan oleh ?, kunci parameter dan nilai parameter disambungkan dengan =, dan parameter yang berbeza dipisahkan oleh &; 🎜>

Lompat ke halaman Bar tab dan tutup semua halaman bukan Bar tab yang lain. Perihalan parameter OBJEK: Jenis parameter diperlukan Penerangan: urlString ialah laluan ke halaman tabBar yang perlu dilonjak (halaman perlu ditakrifkan dalam medan tabBar app.json

tidak boleh disertakan selepas laluan uni.navigateBack(OBJECT)

uni.redirectTo({
url: 'test?id=1' // 传递参数 id,值为1
});
Salin selepas log masuk

Tutup halaman semasa dan kembali ke halaman sebelumnya atau halaman berbilang peringkat. Anda boleh mendapatkan tindanan halaman semasa melalui getCurrentPages() dan memutuskan berapa banyak tahap untuk dikembalikan. Perihalan parameter OBJEK: Jenis parameter diperlukan Penerangan deltaNumber1 Bilangan halaman yang dikembalikan Jika delta lebih besar daripada bilangan halaman sedia ada, kembali ke halaman utama.

[Cadangan berkaitan: "

tutorial uniapp

"]
uni.reLaunch({
url: 'test?id=1'
});
export default {
onLoad: function (option) {
console.log(option.query);
   }
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk melompat ke halaman dalam apl uni. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci tentang fungsi lompat halaman PHP: kemahiran lompat halaman pengepala, lokasi, ubah hala dan fungsi lain Penjelasan terperinci tentang fungsi lompat halaman PHP: kemahiran lompat halaman pengepala, lokasi, ubah hala dan fungsi lain Nov 18, 2023 pm 05:08 PM

Penjelasan terperinci tentang fungsi lompat halaman PHP: Kemahiran lompat halaman untuk pengepala, lokasi, ubah hala dan fungsi lain, yang memerlukan contoh kod khusus Pengenalan: Apabila membangunkan tapak web atau aplikasi Web, lompat antara halaman adalah fungsi penting. PHP menyediakan pelbagai cara untuk melaksanakan lompatan halaman, termasuk fungsi pengepala, fungsi lokasi dan fungsi lompat yang disediakan oleh beberapa perpustakaan pihak ketiga, seperti ubah hala. Artikel ini akan memperkenalkan secara terperinci cara menggunakan fungsi ini

Bagaimana untuk membangunkan uni-app dalam VSCode? (Perkongsian tutorial) Bagaimana untuk membangunkan uni-app dalam VSCode? (Perkongsian tutorial) May 13, 2022 pm 08:11 PM

Bagaimana untuk membangunkan uni-app dalam VSCode? Artikel berikut akan berkongsi dengan anda tutorial tentang membangunkan uni-app dalam VSCode Ini mungkin tutorial terbaik dan paling terperinci. Datang dan lihat!

Gunakan uniapp untuk membangunkan navigasi peta yang mudah Gunakan uniapp untuk membangunkan navigasi peta yang mudah Jun 09, 2022 pm 07:46 PM

Bagaimana untuk menggunakan uniapp untuk membangunkan navigasi peta yang mudah? Artikel ini akan memberi anda idea untuk membuat peta mudah saya harap ia akan membantu anda!

Gunakan uniapp untuk mencapai kesan animasi lompat halaman Gunakan uniapp untuk mencapai kesan animasi lompat halaman Nov 21, 2023 pm 02:15 PM

Tajuk: Menggunakan uniapp untuk mencapai kesan animasi lompat halaman Dalam beberapa tahun kebelakangan ini, reka bentuk antara muka pengguna aplikasi mudah alih telah menjadi salah satu faktor penting dalam menarik pengguna. Kesan animasi lompat halaman memainkan peranan penting dalam meningkatkan pengalaman pengguna dan kesan visualisasi. Artikel ini akan memperkenalkan cara menggunakan uniapp untuk mencapai kesan animasi lompat halaman dan memberikan contoh kod khusus. uniapp ialah rangka kerja pembangunan aplikasi merentas platform yang dibangunkan berdasarkan Vue.js Ia boleh menyusun dan menjana aplikasi untuk berbilang platform seperti program mini, H5 dan App melalui set kod.

Mari kita bincangkan tentang cara menggunakan uniapp untuk membangunkan permainan ular! Mari kita bincangkan tentang cara menggunakan uniapp untuk membangunkan permainan ular! May 20, 2022 pm 07:56 PM

Bagaimana untuk menggunakan uniapp untuk membangunkan permainan ular? Artikel berikut akan membimbing anda langkah demi langkah dalam melaksanakan permainan Snake dalam uniapp. Saya harap ia akan membantu anda!

Bagaimana untuk merangkum permintaan antara muka vue3 uni-app Bagaimana untuk merangkum permintaan antara muka vue3 uni-app May 11, 2023 pm 07:28 PM

antara muka uni-app, enkapsulasi kaedah global 1. Cipta fail api dalam direktori akar, buat fail api.js, baseUrl.js dan http.js dalam folder api 2.baseUrl.js kod fail exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js kod fail exportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

Contoh untuk menerangkan cara uniapp melaksanakan fungsi semua pilihan kotak berbilang pilihan Contoh untuk menerangkan cara uniapp melaksanakan fungsi semua pilihan kotak berbilang pilihan Jun 22, 2022 am 11:57 AM

Artikel ini membawa anda pengetahuan yang berkaitan tentang uniapp, yang terutamanya mengatur isu berkaitan melaksanakan fungsi pilih-semua kotak berbilang pilihan Sebab mengapa ia tidak dapat mencapai fungsi pilih-semua ialah apabila medan yang ditandakan pada kotak pilihan adalah diubah suai secara dinamik, status pada antara muka boleh berubah masa nyata, tetapi acara perubahan kumpulan kotak semak tidak boleh dicetuskan. Saya harap ia akan membantu semua orang.

Membawa anda langkah demi langkah untuk membangunkan pemalam kalendar uni-apl (dan menerbitkannya) Membawa anda langkah demi langkah untuk membangunkan pemalam kalendar uni-apl (dan menerbitkannya) Jun 30, 2022 pm 08:13 PM

Artikel ini akan membimbing anda langkah demi langkah dalam membangunkan pemalam kalendar uni-apl dan memperkenalkan cara pemalam kalendar seterusnya dibangunkan dari pembangunan hingga keluaran saya harap ia akan membantu anda!

See all articles