javascript - 使用 Meteor JS 时如何通过按钮更改 URL 路径

Question

我知道当您想要通过单击纯 html 中的某个元素来加载另一个 html 文件时，您会使用如下内容:

<a href="index2.html">Example Link</a>

但是我应该如何在 Meteor 应用程序中执行此操作。我的情况是，我想单击提交按钮，并且让该按钮不仅提交我拥有的某个表单，而且将路径更改为另一个页面。现在在我的 meteor 应用程序中，我正在使用kadira流路由器并设置了一些目录，所以我想我只需创建一个渲染该流路由器的onclick函数。这是我尝试过的代码:

路线代码:

FlowRouter.route('/joinLobby', {
  name: 'joinLobby',
  action() {
    BlazeLayout.render('joinLobby');
  }
});

onclick函数:

<script>
  function renderPage(){
    BlazeLayout.render('joinLobby');
  }
</script>

按钮:

<button type="submit" class="btn btn-primary"    onclick="renderPage()">Insert</button>

我不太确定这是否是最佳实践，这只是我为了到达另一个页面而组合在一起的内容，所以我问最好的方法是什么。当我使用它时，这也给我带来了一些问题。主要问题是，当我单击按钮时，它会将我弹回默认路由，并显示 localhost:3000 无法加载图像，因此不允许我到达该路由。

Answer 1

您没有以 meteor 方式处理事件。应该采用以下方式:

<button type="submit" class="btn btn-primary btn-insert">Insert</button>

模板事件:

Template.template_name.events({
  "click .btn-insert": function() {
    //Your logic to submit form goes here...
    //on validating the form data and posting it successfully, navigate to the new route...
    FlowRouter.go('/joinLobby');
  }
});