如何在Laravel Vue组件中提交表单
在Laravel Vue组件中提交表单的方法如下：
- 创建Vue组件：首先，在Laravel项目中创建一个Vue组件，可以使用Vue CLI或者Laravel Mix来构建。在组件中，定义表单的数据和方法。
- 绑定表单数据：在Vue组件中，使用v-model指令将表单元素与组件中的数据进行双向绑定。这样，当表单元素的值发生变化时，组件中的数据也会相应更新。
- 监听表单提交事件：在Vue组件中，使用v-on指令监听表单的提交事件。可以使用@click或者@submit等事件修饰符来监听提交事件。
- 处理表单提交：在表单提交事件的处理方法中，可以使用axios或者其他HTTP库发送异步请求到后端API。可以将表单数据作为请求的参数，或者使用FormData对象来上传文件。
- 后端处理请求：在Laravel后端中，创建相应的路由和控制器方法来处理表单提交的请求。可以使用Laravel的表单验证功能来验证表单数据的有效性，并根据业务逻辑进行相应的处理。
- 返回响应结果：在后端控制器方法中，根据处理结果返回相应的响应。可以返回JSON格式的数据，或者重定向到其他页面。
总结： 在Laravel Vue组件中提交表单，需要创建Vue组件、绑定表单数据、监听表单提交事件、处理表单提交、后端处理请求和返回响应结果。通过这些步骤，可以实现在Laravel Vue组件中提交表单的功能。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统，适用于部署后端应用。
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务，适用于存储表单提交的数据。
- 云函数（SCF）：无服务器函数计算服务，可以用于处理表单提交的业务逻辑。
- 对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储上传的文件。
更多腾讯云产品信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我已经从一个laravel vue组件中创建了一个，并试图提交它，但是我得到了一个404错误: ThoughtJournalController@store not found。
<form method="POST" action="{{ action('ThoughtJournalController@store') }}">
如何在vue组件中正确提交表单？
浏览 10提问于2020-02-12得票数 0
回答已采纳
3回答
我有一个简单的表单组件，只有一个选择选项。每当我选择一个选项时，都会在主组件中呈现一个子组件。我的问题是我无法让Vue将父组件数据绑定到子组件数据。
form.settings是动态的，所以我不能在Form.vue之前设置属性。
此表单通过axios提交给Spring应用程序，我在提交表单时看到客户端的form.settings为null。
我是Vue的新手，以下是我的尝试：
Form.vue
<template>
<div>
<form>
<div>
<select v-model="for
浏览 7提问于2020-03-17得票数 0
回答已采纳
我正在尝试在提交表单中添加自定义vue组件。以下是我的刀片模板代码：
<form action="/question/{{ $question->id }}" method="post">
<label for="title">Description</label>
<editor-by-vue editcontent='{!! $question->body !!}'></editor-by-vue>
<button type="submit&
浏览 1提问于2017-05-27得票数 1
2回答
我试图在Laravel 7中使用，我可以让它以表单的形式出现在页面上，我可以填写值，但是我看不出如何在加载时预先填充标签，也不知道如何获得表单中提交的值。最终，我希望在表单中有多个实例(有多个标记字段)，因此需要将其包装为一个可重用的组件。
下面是我的组件，它封装了原始的(在resources/js/components/TagsInput.vue中)：
<template>
<div>
<vue-tags-input v-model="tag" :tags="tags" @tags-changed="
浏览 1提问于2020-07-14得票数 0
我正在努力理解，如果我可以使用vue.js实现我所使用的与vanilla/jquery相同的方便的过程，即同时收集所有(或仅部分)我需要的表单字段。
在处理表单时，我通常不会以旧的方式提交表单，而是将类my-update添加到要发送的表单字段中，然后以这种方式循环它们：
let objectToUpdate = {};
$(".my-update").each(function(index, element) {
objectToUpdate[$(this).data("db-field")] = $(this).val();
浏览 1提问于2019-10-02得票数 0
2回答
我用的是和Laravel。
我正在使用表单中的multiselect组件来让用户选择多个国家。该组件工作良好，但当我提交表单并对其进行dd()时，它将显示[object Object]。
我无法得到多选择组件的值。我发现了类似的问题，但没有一个对我有用。
这是我的代码：
ExampleComponent.vue文件：
<template slot-scope="{ option }">
<div>
<label class="typo__label">Restricted country</label>
<
浏览 0提问于2018-08-14得票数 1
回答已采纳
我试图弄清楚如何访问我的登录用户电子邮件地址，我可以在模板中显示它，也可以在axios调用表单提交时访问它。
我用vue和Laravel5.8，并试图用刀片和组件来实现这一点。
刀片
<test-component :email="{{ Auth::user()->email }}"></test-component>
test.vue
<template>
<div>
<div>
Creator - <span> {{ email }} </span>
浏览 2提问于2020-03-16得票数 0
回答已采纳
2回答
我刚刚创建了Vue + Laravel SPA登录，但我不确定它是否足够安全。我是VUE新手:)
我使用的是JWT Auth。当用户输入凭据并提交表单时，Laravel端的Auth将返回用户模型和令牌。此用户存储在本地存储中。在我的Vue路由器中，我创建了运行beforeEach视图更改的中间件。这工作正常，但数据库中没有与此用户相关的实际令牌。当我手动更改存储中的token时，我仍然在传递中间件，因为token不再被检查。它只是检查本地存储中是否存在...我是否应该将令牌存储在数据库中，并在每次视图更改时检查它？或者...？？
浏览 64提问于2019-05-27得票数 1
1回答
我正在做一个Laravel Spark项目，我正在尝试获取一个表单，以便将文件夹上传到我的S3存储桶中。我已经构建了表单：
<form enctype="multipart/form-data">
<input type="file" name="resume" v-model="form.resume">
<button @click="updateProfile">Update Profile</button>
</form>
然后，我设
浏览 15提问于2016-09-04得票数 1
1回答
我在vuejs绑定数据的方式上遇到了问题。我有一个父Vue.component，它处理表单的布局，还有一个子vue.component，它处理不同的输入组。我很难从子组件中获得数据，以便将来提交表单时与父组件同步。
我目前的文件如下：
var title = "";
Vue.component('create_new_entry', {
template: '<div><div class="row"><h1 v-on:click="test()">{{title}}</h
浏览 2提问于2017-12-27得票数 4
回答已采纳
我有一个在类星体+ Vue 3中开发的表单，并希望以编程方式将焦点设置在submit按钮上，以便用户可以按ENTER键提交。
<q-btn ref="btn" />
我认为使用裁判是可行的：
this.$refs.btn.focus()
但我得到了TypeError: this.$refs.btn.focus is not a function。
如何将注意力集中在QButton上？
浏览 3提问于2022-07-12得票数 0
回答已采纳
我将一个laravel应用程序和一个Vue实例附加到了body (或者是一个div，就在body里面)。
const app = new Vue({
el: '#app'
});
我认为将Vue实例用于与布局相关的内容(例如页眉、导航、页脚逻辑)是有意义的。
现在我有了一个在特定路由上可见的表单(例如example.com/thing/create)。我想给它添加一些逻辑，例如，根据表单中选定的选项隐藏一个字段。这是一种逻辑，只适用于这种形式(不能重用)。我不喜欢把所有的逻辑都放在表单中，而是放在app.js中。我可以把它放在绑定到body的Vue实例中，但这听起来很奇
浏览 1提问于2017-08-02得票数 0
回答已采纳
2回答
我在我的laravel应用程序中使用vuetify框架构建了一个简单的表单。bootstrap.js已经包含了axios客户端，但我在提交时仍然会得到未定义axios的错误：
Vue警告:事件处理程序中的“单击”错误："ReferenceError: axios未定义“
这是默认的bootstrap.js文件，它附带了一个新的laravel安装，我刚刚删除了jquery：
window._ = require('lodash');
window.Popper = require('popper.js').default;
window.axio
浏览 1提问于2018-07-24得票数 1
回答已采纳
1回答
下面是我的app.js文件。当使用v模型而不是v模式时，我需要导入app.js文件中的任何内容还是通过npm下载任何内容？我已经运行npm安装。模板工作良好，所有正常的vue功能都正常工作，我只在v-模型时才被困住。V型不起作用。当我使用v型时，电子邮件不会出现在身体中。
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.
浏览 0提问于2019-03-11得票数 0
我正在使用包，它附带一个预编译的js文件，或者您可以直接通过的npm使用vue组件。
然而，在这两个变体中，前端是不可更改的。我在我的应用程序中使用Laravel文件管理器，我想对vue文件进行定制，以更改前端。
到目前为止我尝试过的是：
将的内容复制到/resources/assets/js/file-manager中
然后我创建了这样一个file_manager.js：
import Vue from 'vue';
import Vuex from 'vuex';
import FileManager from './file-manag
浏览 5提问于2021-04-14得票数 5
回答已采纳
1回答
我知道，如果这样做的话，访问和设置Vue实例属性非常简单：
var vm1 = new Vue({
el: '#vm1',
data: {
name: 'Vue Instance #1'
}
});
然后我们可以做一些像vm1.whatever = 1这样的事情
(示例摘自此处：)
但如果我们以更正常的方式去做呢：
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App)
}).
浏览 2提问于2020-05-01得票数 0
1回答
在我的Laravel应用程序中，我提交了一个带有vue和axios的表单。提交后，我想清除表单中的输入字段，但它不能工作。
HTML:
<form method="post" enctype="multipart/form-data" v-on:submit.prevent="addPost">
<textarea id="post_area" v-model="content"></textarea>
.....
</form>
JS:
const app
浏览 1提问于2017-08-15得票数 0
回答已采纳
我目前在我的web应用上使用Vue进行面向对象的表单验证，所以我所需要的只是后端验证，而vue会处理剩下的事情。
这意味着，如果我的应用程序有很多表单，这些表单大多是页面特定的，那么我最终会在Vue实例中使用很多方法和数据。
new Vue({
el: '#mainDiv',
data: {
profile_text: '',
name: ''
//LOTS OF DATA THAT I'M LEAVING OUT
errors: new Errors()
浏览 1提问于2019-06-01得票数 0
我通常在Laravel刀片视图中使用Auth来删除一些用户也没有权限的按钮。现在，我刚刚开始尝试学习Vue，我想知道如何在Vue组件中使用它。 这是我在刀片中使用的，并且想在Vue组件中使用。 @if(!Auth::guest() && ($post->author_id == Auth::user()->id))
<a href="{{ url('home/edit/'.$post->slug)}}" class="btn-sm btn-info">Edit Post<
浏览 15提问于2021-03-26得票数 0
1回答
我想在表单中提交值，但每次按submit按钮时，我都会得到以下错误：
Uncaught TypeError: login is not a function
at Object.submit [as fn] (eval at Yr (vue.min.js:7), <anonymous>:2:369)
at HTMLFormElement.<anonymous> (vue.min.js:6)
在我的HTML代码中，我的表单声明为：<form v-on:submit.prevent="login">
在JS中，如下所示：
// register
浏览 1提问于2017-02-05得票数 2
回答已采纳
我知道这个问题被问了好几次，但我找不到解决问题的办法。
我的laravel项目有两个vue组件。第一个是名为"ExampleComponent.vue“的laravel默认组件，第二个是我自己的名为"multi.vue”的新组件。
我在section.blade.php文件中使用它们，如下所示：
@extends('layouts.app')
@section('content')
<example-component></example-component>
<multi></multi>
浏览 0提问于2020-07-07得票数 0
回答已采纳
1回答
在我开始使用Vue之前，我有一个简单的表单，可以一次在1列@1个请求上更新1个值。现在我正在使用Vue，我的表单有一个新的“中间”按钮，用来构建一个项目数组，以提交一个请求来动态更新多个列。
问题是现在启用了防止默认，我的原始表单提交不再有效，我需要使用Vue提交请求，或者是否有方法在按钮上重新启用默认操作？这将是伟大的。
<form @submit.prevent="newbutton">
// new button
<button @click="newbutton"></button>
// original but
浏览 1提问于2017-02-21得票数 0
2回答
我运行过npm运行监视并收到了消息
This dependency was not found:
* in ./resources/assets/js/app.js
To install it, you can run: npm install --save
所以我运行npm安装-保存，但仍然得到相同的信息。
据我所知，我需要npm运行或npm运行手表加载Vue文件在Laravel。
例如，在‘resources/assets/js/components/ example e.vue’文件中，我对其进行了编辑，但是当我加载‘resources/view/pope.blde.php’文件
浏览 3提问于2017-04-09得票数 2
回答已采纳
我想通过我的网站重复使用表单组件，但是每次提交按钮都必须处理不同的事情(显示不同的数据，取决于哪个页面调用表单组件)。
我对使用Vue组件付费并在它们之间传递数据有点陌生，直到现在我才做了一些凌乱的单页应用程序。
我目前的计划是让表单获取输入/过滤器(从表单组件)，当单击submit时，它应该发送这些数据(以某种方式吗？)到调用它的元素，并且将知道如何从调用它的地方处理它到特定的情况。我希望这是处理这种情况的正确方法。
我的计划是正确使用Vue /从外部表单组件提交表单的正确方法吗？
以何种方式触发提交以发送数据/运行DashboardForm.vue组件之外的方法？
如何从Das
浏览 0提问于2019-03-24得票数 0
1回答
我正在尝试用vueJS和laravel创建一个表单。现在我可以用组件vue创建表单，但我的问题是，我不知道如何将返回给控制器中查询的信息传递给组件vue。
在带{{$user}}的刀片中，我可以，但在vueJS中，我不知道怎么做。
我对控制台中的属性也有问题。
非常感谢你帮我
控制台中的
[Vue warn]: Property or method "direccion" is not defined on the instance but referenced during render. Make sure that this property is reactiv
浏览 2提问于2020-10-20得票数 1
回答已采纳
我有一个使用子组件的表单组件。我希望在父组件中使用来自子组件的数据。
我的html组件：
<candidates-form endpoint='/candidates/create' buttontext='Add Candidate'></candidates-form>
下面是Vue实例：
CandidatesForm.vue
<template>
<div class='row'>
<div class='form-group'>
<
浏览 9提问于2017-01-12得票数 1
回答已采纳
2回答
我是Vue的新手，目前在一个问题上陷入困境。我在我的项目中使用Vuetify，并且我有一个具有如下槽的v-对话框组件：
<template>
<v-row>
<v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on }">
<v-btn class="ma-3" color="info" v-on="on"&
浏览 1提问于2020-04-19得票数 0
回答已采纳
1回答
版本
VueJs: 2.3.3
Vee-验证: 2.0.0-rc.25
描述
我有一个自定义组件。这是一个带有字符计数器的输入，我试图在这个输入中放入vee验证。当表单被提交时，我想显示错误。我遵循了验证文档中的每一步，但它没有起作用。我的表单提交自己，忽略了任何输入的错误。
复制步骤：
使用vee验证创建自定义组件
代码：
Parent.vue
<vue-input maxlength="20" minlength="3" placeholder="works"
validate="required|numeric&
浏览 3提问于2017-12-26得票数 2
我用的是v-select，这个插件有问题.当您在输入中按输入时，它将提交到表单。如何使用Enter添加要输入的项，并仅在单击Button时提交表单
<div id="app">
<h1>Vue Select</h1>
<p>Try to add items in input using "ENTER"</p>
<form v-on:submit.prevent="submited()">
<v-select multiselect :options=
浏览 11提问于2017-09-29得票数 0
回答已采纳
3回答
动态V-在ajax请求期间创建的模型在尝试输入值时不会更新
我使用vue2.x和axios。当用户提交表单时，我希望获得生成的输入中的值集。在ajax请求期间，我设法在这个输入上设置了v模型，我收到了这个HTLM作为响应：<input type="text" value="" v-model="generatedcode">.，但是在提交表单之后，这个值仍然是空的。看起来Vue忽略了v模型指令。我怎么才能修好它？
这是我的代码：VUE
var app = new Vue({
el: '#subcribtionform
浏览 6提问于2019-07-29得票数 0
我正在创建一个跨平台的电子应用程序使用vuejs和vue-cli电子生成器插件。我有一个表单中的一些输入字段，将给用户提交一些附加文件的表单的能力，我想在应用程序的后台进程中处理文件。如何将数据从vue UI发送到电子应用程序的主进程？
浏览 8提问于2020-12-04得票数 1
回答已采纳
3回答
在大多数页面上，我都有一个登录面板，它包含在页面顶部的一个小div中。早些时候，当我不使用JSF时，我将登录表单的属性action设置为https://....，以便安全地提交用户名和密码。
目前，当我使用标记<h:form>时，表单总是提交到用户打开的页面(例如，如果登录面板在index.xhtml页面上，则表单的操作也将是index.xhtml)。有什么方法可以更改表单的提交位置吗？我尝试将该表单中commandButton的action属性设置为LoginStatus，但表单仍然提交给index.xhtml。
如果有人能告诉我如何使用JSF2.0实现安全登录，我将不胜感激。
浏览 0提问于2011-11-29得票数 3
当我为表单提交编写测试用例时，遇到了1个wrapper.vm.$refs.editForm.validate is not a function的问题。 我不能弄清楚这个问题。请帮帮我。 "@vue/cli-plugin-babel": "^3.11.0", "@vue/cli-plugin-eslint": "^3.11.0", "@vue/cli-plugin-pwa": "^3.11.0", "@vue/cli-plugin-unit-jest": &
浏览 176提问于2019-10-04得票数 5
回答已采纳
我正在使用Laravel 8- Jetstream 2.0和惯性堆栈。
我安装了Vue hCaptcha组件，Vue组件已经在我的登录表单中，看起来很好。
然后，我遵循了这个指南，并建立了hCaptcha的规定，在拉拉。
现在，我的问题是，在提交表单时，在laravel/jetstream中，我可以将captcha规则设置为必需的吗？所以卡普查是被使用的，而不仅仅是显示。
我知道这是一个非常基本的问题，但我对laravel非常陌生，我试图进入vue、inertia.js和jetstream。
浏览 1提问于2021-02-02得票数 0
回答已采纳
我想将我的应用程序的特定页面隐藏在一个安全层后面(一个简单的密码表单，它将向服务器发送一个请求进行验证)。
基于VueRouter的文档，我认为beforeEnter是合适的。但是，我不完全确定如何要求用户访问特定的组件，然后成功地输入密码，然后才允许继续使用当前的路由。
有人有这样的例子吗？我很难找到类似的东西。
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
const routes = [
{ path: '/test/:testU
浏览 3提问于2017-06-24得票数 2
回答已采纳
1回答
拉勒维尔星火在它的设置区域有许多形式。这是一个增加团队的方法。
如果我查看这个表单的源代码，我会看到以下内容。
此表单的HTML源代码如下所示
<form role="form" class="form-horizontal">
<div class="form-group">
<label class="col-md-4 control-label">
Team Name
</label>
&
浏览 3提问于2017-04-24得票数 3
回答已采纳
1回答
我试图在表单上使用VueJS和Laravel，使用，我对Vue很陌生，所以我寻找了一些使用掩码的方法，最后找到了这个库。但是，我不知道如何使用这个站点的示例，因为它没有显示完整的示例，只是代码片段。
显示第二个错误：
SyntaxError:导入声明只能出现在模块铭文的顶层: 62: 8 Vue警告:错误编译模板：
Vue警告:未能解决指令:掩码
(发现于)
我在blade.php中添加了代码
<script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </ script>
<scr
浏览 0提问于2019-04-10得票数 0
回答已采纳
首先，我想知道我在应用程序中使用的模式是否正确。我可以创建一个可重用的BaseForm组件吗？
提出我的问题的另一种方式是:如何根据我使用插槽包含的子组件动态地建模父组件的数据？
我只想对我的所有表单重用相同的提交处理程序。提交处理程序应该使用action和method属性来确定如何配置axios，并且请求主体将是基于BaseForm组件中的BaseInput和BaseSelect组件的动态的。
下面是我的沙箱示例：
我被BaseForm.vue的handleSubmit方法卡住了。
我总是可以使用普通的JavaScript来序列化表单数据，但我觉得我应该以Vue的方式来做。我欢迎任何意见和
浏览 19提问于2021-02-19得票数 1
在我的Vue应用程序中，我有一个处理一个名为TodoForm的简单表单的组件。使用引导-vue，当按下引导模式的OK按钮时，我想提交此表单。
代码如下所示：
<b-modal id="todo-form-modal">
<todo-form />
</b-modal>
我不想把模态组件放在TodoForm组件中，因为TodoForm组件只处理表单行为，而不是显示它的容器。
我也可以禁用OK按钮并自己在表单中放置一个按钮，但我确信提交此表单有一种正确、更好的方法(这更像是一个练习，而不是一个有实际截止日期的实际项目)。
我在doc中找到
浏览 6提问于2020-01-14得票数 1
回答已采纳
5回答
我用的是百拉威和vue js。
我想在vue组件中显示一个图像元素，但我不能使用Laravel刀片帮助器！
<img src="{{asset('admin/images/users/avatar-1.jpg')}}" width="35 px" height="23px">
它显示了我的错误
，那么我如何在vue组件中使用资产助手呢？
浏览 0提问于2018-09-30得票数 6
回答已采纳
1回答
我已经研究了好几个小时了，我承认失败了。我有一个页面，其中列出了一群用户，并允许您重置用户密码。您单击用户的重置按钮，它将显示一个带有密码重置表单的模式框。
我使用Vue.js来验证表单并提交它，所有这些都使用ajax (vue-resource)。由Laravel在刀片视图中生成用户列表和唯一模式。
我的问题是，对于页面上的每个表单，我如何拥有唯一的Vue实例(或任何我应该做的事情)？
我的调查表明，使用组件，但我似乎不能让它工作，所以不确定这是正确的事情，因为我仍然会有相同的组件多次在页面上？(每个表单都有唯一的数据(用户id))。
谢谢!
浏览 2提问于2016-01-24得票数 0
回答已采纳
1回答
我的“问题”其实是无知。我有一个HTML表单，我使用Vue.js来用PHP填充v-select输入：
<div id="app">
<form>
<v-select name="user2_id" placeholder="Seleccionar Usuario" :options="[{!! $users !!}]" class="select"></v-select>
<select name="user2_t
浏览 5提问于2017-07-12得票数 2
回答已采纳
我意识到有一些我每次都在重复的片段，有时我会忘记。 其中之一就是@submit.prevent。在所有的表单中，我必须写它来防止提交，我将总是通过vue方法来管理提交。 那么我可以做一些所有的表单都隐含这个指令的事情吗？
浏览 42提问于2020-04-24得票数 0
回答已采纳
2回答
我有一个创建产品，我想使用刀片填充customer_id隐藏输入，但用户可以更改它，而他/她在表单页面上。如何将预先选定的客户id传递给vue产品数据模型？下面是我的代码：
@section('content')
<input type="hidden" name="customer_id" value="{{ $customer->id }}" v-model="product.customer" />
@endsection
这是我的vue实例：
const app = new Vue
浏览 0提问于2017-03-26得票数 0
我正在尝试使用AJAX和VueJs提交一个表单。但不知怎么的，我没能做到这一点。我总是得到一个空的Illuminate\Http\Request对象。
刀片档案：
<body>
<div class="container">
<generate-admin></generate-admin>
</div>
<script src="https:http://code.jquery.com/jquery.js"></script>
浏览 4提问于2016-06-29得票数 3
我试图使用Vue的智能“v”元素遍历数组。然而，再加上拉拉维尔，这是行不通的。无论我做什么，所需的内容都不会显示，并且我继续在我的控制台中收到这个错误：“属性或方法”计划不是在实例上定义的，而是在呈现过程中引用的。通过初始化属性，确保该属性在data选项或基于类的组件中是反应性的“。
如果您对使用Vue与Laravel有任何见解，我将非常感谢您帮助我回答这个问题。把我弄糊涂了！我在下面插入了代码，以便更仔细地了解。
这里是与问题相关的site.js：
Vue.component('plan', {
template: '#plan-template',
prop
浏览 2提问于2020-09-29得票数 0
我在应用程序中使用Vue.js，并在表单中输入文本。
<div id="myVueForm">
<form>
<input type="text" v-on="keyup:addCategory | key 'enter'">
<!-- more form fields -->
<button type="submit">Submit Form</button>
</form>
</div>
在我的V
浏览 19提问于2015-06-26得票数 72
回答已采纳
2回答
我正在使用Vue.extend手动地将一个组件挂载到一个动态元素，如下所示：
import Vue from 'vue';
import MyComponent from 'MyComponent.vue';
const MyComponentConstructor = Vue.extend(MyComponent);
const MyComponent = new MyComponentConstructor({
propsData: {
foo: 123,
},
}).$mount('#mount-point'
浏览 1提问于2017-06-09得票数 11
回答已采纳
我创建了一个定制的Nova Field，通过Google自动完成地址。
当我从自动完成下拉列表中选择建议的地址并按下'Enter‘键时，将提交资源Create表单。
在address输入字段收到Vue.js组件中的事件后，是否有任何方法可以防止键压事件上升，或者阻止表单被提交？
浏览 0提问于2019-07-23得票数 0
回答已采纳
1回答
我使用的是惯性 (Vue3 & Laravel 9)。我在"Register.vue“组件中有一个表单。
在提交表单时，我将调用控制器来处理请求。一旦控制器处理了请求，我希望控制器重定向到另一个组件，即regComplete (在这里，我希望显示从控制器接收到的数据)。
现在的问题是，Controller将我重定向到所需的页面(虽然我无法获得支持数据，但我正在成功地获取其他数据)，但URL仍然与表单submit上的URL相同。
"Register.vue"
<template>
<form @submit.prevent=
浏览 3提问于2022-09-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
