带Axios POST的Nuxt至Laravel';s API

带Axios POST的Nuxt至Laravel';s API,laravel,axios,nuxt.js,Laravel,Axios,Nuxt.js,伙计们:) 我还不是API调用方面的专家,我自己就成功地使用了Laravel。所以,我需要你的帮助 我通常能够使用Laravel+Nuxt。所有已连接的柱,并在所有积垢上正常工作 我已为此现有应用程序创建了一个新部门 我能够调用GET并从API接收返回数据,没有问题 我可以与邮递员一起将API发布到此表/积垢 我不知道如何将我的表单发布到API 我知道这对你们中的一些人来说非常简单,但这次谷歌无法马上回答。使用VUE作为答案也没有帮助。所以,你是我唯一希望成为现实的人 以下是我在页面文件中的代码

伙计们:)

我还不是API调用方面的专家,我自己就成功地使用了Laravel。所以,我需要你的帮助

  • 我通常能够使用Laravel+Nuxt。所有已连接的柱,并在所有积垢上正常工作
  • 我已为此现有应用程序创建了一个新部门
  • 我能够调用GET并从API接收返回数据,没有问题
  • 我可以与邮递员一起将API发布到此表/积垢
  • 我不知道如何将我的表单发布到API
  • 我知道这对你们中的一些人来说非常简单,但这次谷歌无法马上回答。使用VUE作为答案也没有帮助。所以,你是我唯一希望成为现实的人

    以下是我在页面文件中的代码:

    
    从“~/components/global/TitleBox.vue”导入标题框
    从“~/components/magazyn/towar/DodajTowar.vue”导入DodajTowar
    导出默认值{
    组成部分:{
    标题框,
    多达杰托瓦
    }
    }
    
    您需要将“产品”元素设置为“数据”元素,并将数据元素绑定到表单

    //change from 'products'
    data() {
        return {
          name: '',
          description: '',
          price: ''
        }
      },
    
    那么您的表单应该如下所示:

    <form @submit.prevent="products">
            <p>
              <label for="name" class="input-label">Nazwa</label>
              <input id="name" v-model="name" type="text" name="name" class="input">
            </p>
            <p>
              <label for="description" class="input-label">Opis</label>
              <input id="description" v-model="description" type="text" name="description" class="input">
            </p>
            <p>
              <label for="price" class="input-label">Cena</label>
              <input id="price" v-model="price" type="text" name="price" class="input">
            </p>
            <p>
              <button type="submit" value="Submit" class="button btn-primary">
                Zapisz
              </button>
            </p>
          </form>
    

    这应该可以做到。

    您需要将“产品”元素设置为“数据”元素,并将数据元素绑定到表单

    //change from 'products'
    data() {
        return {
          name: '',
          description: '',
          price: ''
        }
      },
    
    那么您的表单应该如下所示:

    <form @submit.prevent="products">
            <p>
              <label for="name" class="input-label">Nazwa</label>
              <input id="name" v-model="name" type="text" name="name" class="input">
            </p>
            <p>
              <label for="description" class="input-label">Opis</label>
              <input id="description" v-model="description" type="text" name="description" class="input">
            </p>
            <p>
              <label for="price" class="input-label">Cena</label>
              <input id="price" v-model="price" type="text" name="price" class="input">
            </p>
            <p>
              <button type="submit" value="Submit" class="button btn-primary">
                Zapisz
              </button>
            </p>
          </form>
    

    这应该就够了。

    你犯了什么错误?谢谢你,库尔特,问题解决了。我无法理解如何绑定数据,并且盲目地尝试着这样做。有一个答案,对我来说很好。所以,我们可以结束这个问题。你们有什么错误?谢谢你们,库尔特,问题解决了。我无法理解如何绑定数据,并且盲目地尝试着这样做。有一个答案,对我来说很好。所以,我们可以结束这个问题。