我有一个主页,人们可以在这里进行搜索呼叫(有邮政编码,它将返回他们所在地区的可用导师)。按下此按钮后,它将向我们的API发出POST请求。
在主页上进行此搜索调用时,我想重定向到应用程序页面('/ app'),然后触发POST请求。因此,我应该将搜索查询带到下一页。我该怎么做?
这是到目前为止的代码
<form @submit.prevent="searchTutors()">
<input v-model="postcode" :placeholder="$t('postcode')" />
<input id="submitform" type="submit" :value="$t('submit')" />
</form>
export default {
data() {
return {
postcode: '',
output: ''
}
},
methods: {
searchTutors() {
const self = this
return axios({
method: 'POST',
url: '/api/',
data: {
postcode: this.postcode
},
headers: {
'Content-Type': 'application/json'
}
})
.then(function(res) {
self.output = res.data
})
.catch(function(e) {
console.log(e)
})
}
}
}
因此,我想发出相同的请求,但是将此搜索查询转移到应用程序页面,并在该页面上触发我的POST请求,以便我可以返回所有可用结果。