亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

僅從單選按鈕中選擇一個選項后如何發布兩個屬性的數據?

僅從單選按鈕中選擇一個選項后如何發布兩個屬性的數據?

函數式編程 2023-09-28 17:13:37
我有單選按鈕,您可以選擇兩種付款方式 - 30 天和 60 天。選擇一個選項后,我將發出一個發布請求并將所選值發送到數據庫。我想要做的是,單擊一個選項后,我想同時發送兩個屬性的值。payment_term_days:60現在它只發送or的值payment_term_days:30。選擇一個選項后我想要得到的是: payment_term_days:60和payment_term_pct: 1,5我正在使用 vue.js。怎么可能,我可以在v-model中傳遞兩個參數嗎?萬分感謝。超文本標記語言<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貢獻1770條經驗 獲得超3個贊

您可以使用計算的。刪除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];

  }

}

對數據的方法引用應該是:


fd.append("payment_term_days", this.newContract.payment_term_days);

fd.append("payment_term_pct", this.payment_term_pct);


查看完整回答
反對 回復 2023-09-28
  • 1 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號