Bagaimana untuk kembali menutup tetingkap dalam uniapp

UniApp ialah rangka kerja aplikasi berbilang terminal yang dibangunkan berdasarkan Vue.js. Dengan menggunakan UniApp, kami boleh membangunkan aplikasi yang menyokong berbilang platform (cross-terminal) dengan mudah. Apabila membangunkan aplikasi UniApp, kita sering menghadapi situasi di mana kita perlu membuka halaman baharu dalam halaman dan kembali ke halaman asal selepas menyelesaikan beberapa operasi. Artikel ini akan memperkenalkan cara melaksanakan pulangan halaman dan menutup operasi dalam UniApp.

UniApp melaksanakan operasi pemulangan:

1 Dilaksanakan melalui kaedah uni.navigateBack()

Menggunakan kaedah uni.navigateBack() boleh kembali ke halaman sebelumnya pada. operasi halaman semasa. Kaedah ini ialah API terbina dalam yang disediakan oleh uni-app, yang digunakan untuk melaksanakan operasi lompat halaman dan kembali. Kod berikut boleh ditambah pada kaedah halaman Vue:

backPage:function(){
    uni.navigateBack({
        delta: 1
    });
}

Kaedah ini menetapkan parameter delta, menunjukkan bilangan halaman yang dikembalikan Nilai lalai ialah 1, yang bermaksud kembali ke halaman sebelumnya . Jika anda ingin kembali ke halaman sebelumnya pada halaman yang ditentukan, anda perlu menetapkan nilai mengikut situasi tertentu.

2. Pelaksanaan melalui parameter lompatan penghalaan

Menggunakan kaedah $router.go(-1) atau $router.back() dalam halaman Vue boleh merealisasikan operasi pemulangan halaman. Kedua-dua kaedah mengembalikan laluan sebelumnya ke laluan semasa. Dalam UniApp, kami boleh memanggilnya dengan cara berikut:

backPage:function(){
    this.$router.go(-1);
    或者
    this.$router.back();
}

UniApp melaksanakan operasi penutupan tetingkap:

1 Laksanakan

kami melalui uni.navigateBack(. ) kaedah Anda boleh menutup tetingkap dengan menetapkan nilai delta kepada bilangan semua halaman tetingkap terbuka melalui kaedah uni.navigateBack(). Kaedah ini akan mengembalikan bilangan halaman yang ditentukan, dan semua halaman sebelumnya akan ditutup. Kita boleh mencapainya dengan cara berikut:

closePage:function(){
    uni.navigateBack({
        delta: getCurrentPages().length
    });
}

Kaedah getCurrentPages() digunakan di sini untuk mendapatkan bilangan halaman yang dibuka dan menggunakannya sebagai nilai delta untuk menutup semua halaman yang dibuka sebelum ini.

2. Dilaksanakan melalui kaedah uni.switchTab()

Jika kita menggunakan fungsi tabbar dalam aplikasi, kita boleh menutup semua halaman bukan tabbar melalui kaedah uni.switchTab(). Kaedah ini bertukar kepada halaman bar tab dan menutup semua halaman bukan bar tab yang terbuka. Biasanya, kita boleh menggunakan kaedah ini untuk menutup semua halaman yang tidak penting apabila melakukan beberapa operasi penting. Kaedah pelaksanaan adalah seperti berikut:

closeOtherPage:function(){
    uni.switchTab({
        url: '/pages/tabbar/tabbarIndex/tabbarIndex',
        complete:function(){
            uni.navigateTo({
                url:'/pages/tabbar/tabbarPage/tabbarPage'
            })
        }
    })
}

Di atas adalah kaedah untuk melaksanakan pulangan halaman dan menutup operasi dalam UniApp. Semasa proses pembangunan, memilih kaedah yang sesuai untuk melaksanakan operasi pemulangan dan penutupan halaman mengikut senario khusus aplikasi bukan sahaja dapat meningkatkan pengalaman pengguna aplikasi, tetapi juga menyediakan fungsi yang lebih lengkap untuk pengguna aplikasi. .

Atas ialah kandungan terperinci Bagaimana untuk kembali menutup tetingkap dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!