在MeteorJS中的表单上,在onSubmit之后路由到一个新的URL。

我需要在应用程序中移动到另一个URL,使:id成为表单中URL的一部分。基本上,一旦有人在表单中输入代码并提交,我就需要移动到另一个包含该代码的路径。

import { Template } from 'meteor/templating';
import { FlowRouter } from 'meteor/ostrio:flow-router-extra'

import './search.html';
import './restaurants.js';

Template.body.events({
  'submit .search-restaurant'(event) {
    // Prevent default browser form submit
    //event.preventDefault();

    // Get value from form element
    const target = event.target;
    const postCode = target.text.value;
    FlowRouter.go('/restaurants/{{postCode}}');
    //Meteor.setTimeout(function() {FlowRouter.go('restaurants.show'), { postCode: postCode }}, 100)
   //FlowRouter.go('restaurants.show');
    //target.text.value = '';
  },
});

而这就是表单。

<template name="search">
<p> Enter your postcode to see restaurants around you </p>
    <form class="search-restaurant">
      <input type="text" placeholder="4169" />
    </form>
</template>

解决方案:

你应该使用以下方法构建你的URL 模板字数:

const postCode = target.text.value;
FlowRouter.go(`/restaurants/${postCode}`);

这将解决一个名为 foo/restaurants/foo所以 :id 将是 "foo" 那么。

给TA打赏
共{{data.count}}人
人已打赏
解决方案

使用python的putty登录时无法设置标题。

2022-4-22 17:09:05

解决方案

NodeJS - 控制器没有返回JSON到Route。

2022-4-22 17:09:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索