次の隠し入力をaxiosを使用してlaravelに渡したいと思います。Vモデルが非表示の入力で機能しないことを知っています
<form @submit.prevent="acceptBudget" >
<input type="hidden" name="contractor_user_id" :value="contractor.user_id">
<input type="text" v-model="budget_form.budget">
<button>Accept budget</button>
</form>
これは私のVueデータプロパティです
data() {
return {
budget_form: {
accept_budget: '1',
budget: '',
}
}
}
そしてこれはデータを投稿する私の方法です
methods: {
async acceptBudget () {
await axios.post('/api/maintenances/respond/budget', this.budget_form)
}
}
隠された入力をaxiosに渡すにはどうすればよいですか?
ループがない場合は、vueendで非表示の入力値を設定するだけです。しかし、値がループから来ていると言っているように、考えられる解決策は、フォーム送信で非表示の入力値を渡すことです。
<form @submit.prevent="acceptBudget(contractor.user_id)" >
<input type="text" v-model="budget_form.budget">
<button>Accept budget</button>
</form>
次に、その値を使用してメソッド更新フォームで
methods: {
async acceptBudget(user_id) {
this.budget_form.user_id = user_id;
await axios.post('/api/maintenances/respond/budget', this.budget_form)
}
}
フォームオブジェクトは
budget_form: {
accept_budget: '1',
budget: '',
user_id: ''
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加