gpt4 book ai didi

forms - Vue 中的自定义表单操作

转载 作者:搜寻专家 更新时间:2023-10-30 22:55:20 30 4
gpt4 key购买 nike

我在 Vuejs 组件模板中使用表单。我不想定义完整的静态 URL。页面 URL 类似于 http://example.com/en/discusses表格应提交至 http://example.com/comments .但使用

<form action = "comments" method ="POST">

转到 http://example.com/en/comments而不是 http://example.com/comments .如何实现这一目标?提前谢谢你。

最佳答案

您可以在路由文件 (routes/web.php) 中为您的发布路由命名:

例如:

Route::post('/comments', 'SomeController@store')->name('postComment');

通常情况下,您可以在 Blade View 的表单中使用命名路由:

<form action="{{ route('postComment') }}" method="POST">
</form>

在这种情况下,您使用 Vue 组件,您可以传递 'postComment' 路由

<component post-route="{{ route('postComment') }}"></component>

然后,接受您的 Vue 组件文件中的属性:

<template>
<form action="this.post-route" method="POST"></form>
</template>

<script>
export default {
props: ['post-route']
}
</script>

关于forms - Vue 中的自定义表单操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48703724/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com