函數(shù)式編程
2023-09-28 17:13:37
我有單選按鈕,您可以選擇兩種付款方式 - 30 天和 60 天。選擇一個選項(xiàng)后,我將發(fā)出一個發(fā)布請求并將所選值發(fā)送到數(shù)據(jù)庫。我想要做的是,單擊一個選項(xiàng)后,我想同時發(fā)送兩個屬性的值。payment_term_days:60現(xiàn)在它只發(fā)送or的值payment_term_days:30。選擇一個選項(xiàng)后我想要得到的是: payment_term_days:60和payment_term_pct: 1,5我正在使用 vue.js。怎么可能,我可以在v-model中傳遞兩個參數(shù)嗎?萬分感謝。超文本標(biāo)記語言<form class="radioForm" role="form"> <input v-model = "newContract.payment_term_days" type="radio" id="60" name="payment" value="60" > <label for="60">60 Days, 1,5 % Commission</label><br> <input v-model = "newContract.payment_term_days" type="radio" id="30" name="payment" value="30" > <label for="30">30 Days, 4,0 % Commission.</label><br></form>視圖.jsnew Vue({ el: "#app", delimiters: ["[[", "]]"], data() { return { newContract: { payment_term_days: "", payment_term_pct: null } } }, methods: { sendAGB(newContract) { let fd = new FormData(); fd.append("payment_term_days", newContract.payment_term_days); fd.append("payment_term_pct", newContract.payment_term_pct); let req = new Request(agbPath, { body: fd, headers, method: "POST" }); fetch(req) .then((response) => response.json()) .then((data) => { alert("You have agreed terms and conditions") this.newContract = { payment_term_days: "", payment_term_pct: 0, } }) .catch((error) => console.log("error", error)); }, }})
1 回答

德瑪西亞99
TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個贊
您可以使用計(jì)算的。刪除data變量payment_term_pct并使用:
data() {
return {
newContract: {
payment_term_days: ""
}
}
},
computed: {
payment_term_pct() {
const daysToPct = {
30: 4,
60: 1.5
}
return daysToPct[this.newContract.payment_term_days];
}
}
對數(shù)據(jù)的方法引用應(yīng)該是:
fd.append("payment_term_days", this.newContract.payment_term_days);
fd.append("payment_term_pct", this.payment_term_pct);
添加回答
舉報(bào)
0/150
提交
取消