如何使用Framework7-React在JS代码中捕获后退按钮事件?

时间:2019-05-07 01:13:59

标签: reactjs html-framework-7

我只需要在特定页面的代码中捕获后退按钮事件。当我使用Framework7 NavBar react组件时,无法找到可以覆盖/捕获back事件的地方。

我指的是IOS应用程序开发的framework7-react,并且已在文档中添加了“返回”链接。 Framework7版本4.3.1

他们正在为Navbar提供'backLink'属性,但是如何捕获JS代码中的事件?

这是Framework7 React导航栏文档的链接。 https://framework7.io/react/navbar.html

1 个答案:

答案 0 :(得分:1)

在@Robert Hovhannisyan的指导下,我设法使它起作用。我所做的是扩展Navbar实现,添加了NavBar插槽。

<Navbar title="Home">
  <a href="#" className="home-back" slot="nav-left">Back</a>
  <a href="#" slot="nav-right">Next</a>
  <div>Home</div>
</Navbar>

之后,我可以使用css类“ home-back”在“ Back”链接上捕获onClick事件

希望这对某人有帮助。