javascript - Dalam vue.js, apabila membuka komponen kotak modal pada halaman, bagaimana untuk menekan kekunci kembali untuk membuat kotak modal hilang dan bukannya kembali ke halaman sebelumnya?

Question

Seperti tajuk, dalam vue.js, apabila membuka komponen kotak modal pada halaman, bagaimana untuk menekan kekunci pulangan (kunci pulangan Android atau kunci pulangan penyemak imbas) untuk menjadikan kotak modal hilang dan bukannya kembali ke halaman sebelumnya?
ps. Bolehkah anda cuba menambah rekod sejarah pada window.history apabila kotak modal dibuka? Kalau boleh macam mana nak capai

Answer 1

H5 page tidak boleh dikendalikan terus

Answer 2

Jika terdapat cara untuk memantau apabila pengguna menekan kekunci kembali, kemudian nyahdayakan acara lalai kekunci kembali apabila kotak modal dipaparkan dan sebaliknya tutup kotak modal.

Jika anda ingin menggunakan rakaman sejarah, anda boleh cuba menukar nilai hash

Answer 3

Jika anda menggunakan vue-router, anda boleh meletakkan paparan penghalaan modal lain di bawah paparan penghalaan utama, dan kemudian konfigurasikan penghalaan modal dalam fail konfigurasi penghalaan sebagai sub-laluan bagi paparan penghalaan utama, contohnya seperti ini :

foo.vue
<template>
  <router-view></router-view>
</template>

modal.vue
<template>
  <router-view></router-view>
</template>

route.js(vue-router2)
module.exports = {
  routes: [{
    path: '/foo',
    name: 'foo',
    component(resolve) {
      require(['foo.vue'], resolve);
    },
    children: [{
      name: 'modal',
      path: 'modal',
      component(resolve) {
        require(['modal.vue'], resolve);
      }
    }]
  }]
}

Dalam kes ini, apabila komponen modal diperlukan, hanya penghala. tolak laluan penghalaan komponen modal