javascript - In vue.js, when opening a modal box component on the page, how to press the return key to make the modal box disappear instead of returning to the previous page?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - In vue.js, when opening a modal box component on the page, how to press the return key to make the modal box disappear instead of returning to the previous page?

伊谢尔伦 2017-05-19 10:13:36

520

As the title says, in vue.js, when opening a modal box component on the page, how can you press the return key (Android return key or browser return key) to make the modal box disappear instead of returning to the previous page?
ps. Can you try adding history records to window.history when the modal box is opened? If possible, how to implement

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

reply all (3)

阿神2017-05-19 10:15:36 3 floor

H5 page cannot be operated directly

Like+0

Add Reply

習慣沉默2017-05-19 10:15:36 2 floor

If there is a way to monitor when the user presses the return key, then disable the default event of the return key when the modal box is displayed and close the modal box instead.

If you want to use history recording, you can try changing the hash value

Like+0

Add Reply

为情所困2017-05-19 10:15:36 1 floor

If you use vue-router, you can place another modal routing view below the main routing view, and then configure the modal routing in the routing configuration file as a sub-route of the main routing view, for example like this :

foo.vue  modal.vue  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); } }] }] }

In this case, when a modal component is needed, just router.push the routing path of the modal component

Like+0

Add Reply