第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue form axios post未提交

vue form axios post未提交

慕尼黑5688855 2022-06-16 15:46:34
我的 fom 有以下代碼<form @submit="onSubmit" method="POST">  <div class="mb-4">    <label class="block" for="name">      <span class="text-gray-900">Full name</span>      <input        class="form-input mt-1 block w-full outline-none"        placeholder="Sherlock Holmes"        v-model="formData.name"        required        id="name"        name="name"        type="text"      />    </label>  </div>  <div class="mb-4">    <label class="block" for="email">      <span class="text-gray-900">Email address</span>      <input        class="form-input mt-1 block w-full outline-none"        placeholder="sherlock@bakerstreet.com"        v-model="formData.email"        required        id="email"        name="email"        type="email"      />    </label>  </div>  <div class="mb-4">    <label class="block" for="department">      <span class="text-gray-700">Department</span>      <select        class="form-select mt-1 block w-full outline-none"        name="deptid"        v-model="formData.deptid"      >        <option value="1">General Support</option>        <option value="5">Billing Support</option>        <option value="2">Hosting Support</option>        <option value="3">Domain Support</option>        <option value="4">Game Support</option>      </select>    </label>  </div>  <div class="mb-4">    <label class="block" for="message">      <span class="text-gray-900">Message</span>      <textarea        class="form-input mt-1 block w-full outline-none h-56 resize-none"        placeholder="Enter your message here"        v-model="formData.message"        name="message"        id="message"        cols="30"        rows="10"        required      />    </label>  </div>如果我執(zhí)行以下操作<form action="/backend/contact.php" method="POST">,則表格可以contact.php正常工作。所以我不確定為什么 axios 帖子不起作用。
查看完整描述

1 回答

?
PIPIONE

TA貢獻1829條經(jīng)驗 獲得超9個贊

你在調(diào)用 this.formdata 而不是 this.formData?編輯:注意:您正在使用


onSubmit: function () {}

不要使用普通函數(shù),因為這里的 this 指的是當前函數(shù)使用 ES6 函數(shù)


onSubmit() {}

編輯:


var form = new FormData()


form.append('name', this.formData.name)

form.append('email', this.formData.email)

form.append('deptid', this.formData.deptid)

form.append('message', this.formData.message)


  axios.post("https://hostedcarbon.com/backend/contact.php", form)

  .then(res => {

    console.log(res);

  })

  .catch(err => {

    console.error(err);

  });


查看完整回答
反對 回復(fù) 2022-06-16
  • 1 回答
  • 0 關(guān)注
  • 156 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號