如何在“v-ons-alert-dialog”上触发 deviceBackButton答案

【问题标题】：How to fire deviceBackButton on `v-ons-alert-dialog`如何在“v-ons-alert-dialog”上触发 deviceBackButton
【发布时间】：2022-06-11 10:13:00
【问题描述】：

在文档中，deviceBackButton 在设备后退按钮上触发。它不会在我的应用程序中的设备后退按钮上触发。设备后退按钮终止我的应用程序而不显示警报对话框。我不想终止应用程序。

<template>
  <v-ons-alert-dialog
    @deviceBackButton="backButtonEvent"
  >
    ...
  </v-ons-alert-dialog>
</template>

<script>
export default {
  methods: {
    backButtonEvent(event) {
      alert('hello, world');
      return event.preventDefault();
    }
  }
}
</script>

【问题讨论】：

标签： vue.js onsen-ui

【解决方案1】：

这是由于 Onsen UI 中的错误造成的。

该错误现已修复但尚未发布： https://github.com/OnsenUI/OnsenUI/commit/f55de7910

它将包含在 Onsen UI 的下一个补丁版本中。

因此，要回答您的问题，您可以通过从 master 构建 Onsen UI 并在您的项目中使用它来确保调用 deviceBackButton 处理程序，或者您可以在下一个版本发布时使用它。

【讨论】：