【问题标题】:How to handle form submission vuejs如何处理表单提交vuejs
【发布时间】:2017-12-06 20:51:35
【问题描述】:

我创建了一个表单,该表单应该可以将 onSubmit 放入数据库(或将其放在某个地方,以便我们可以使用数据)。我尝试将我的 VueJS 应用程序与 Firebase 连接,以将其插入数据库,但我无法完成。

我的表格

<div class="form-group">
            <label for="billing-first-name">First Name</label>
            <input type="text" class="form-control" id="billing-first-name" v-model="checkoutData.personal.first_name" required>
 </div>

我的&lt;script&gt;

export default {
name: 'product',
data () {
return {
  errors: '',
  checkoutData: {
    personal: {
      first_name: '',
}
methods: {
send () {
 }
}

如何完成将检索到的数据发送到 firebase 或任何数据库处理程序

【问题讨论】:

  • 这是一个非常模糊的问题,您没有为您尝试过的内容提供任何代码。您需要向某事发出 ajax 请求。 ajax 请求的库有很多:axios、vue-resource、jquery 等。我们无法提供其中的详细信息。您是否有任何代码尝试发出请求?
  • @kmc059000 新手发言。我想做的是:提交带有数据的表单>将其发送到数据库。

标签: javascript database vue.js vuejs2


【解决方案1】:

正常的方法是使用第三方库来发布东西。 Axios 提供了通常的高度推荐,即易于使用且重量非常轻。

查看https://alligator.io/vuejs/rest-api-axios/

【讨论】:

    最近更新 更多