javascript - 计算属性未更新

Question

我在 vue 中有数据

newContract: {
  latest_contract: false,
  invoicing_period: "",
}

在计算方法中，我将不同的属性应用于this.newContract.invoicing_period

computed: {
  invoicing_period() {
    const period = this.newContract.invoicing_period
    const monthToPct = {
      1615: "mid_month",
      calendarMonth: "calendar_month",
    };
    return monthToPct[period];
  }
}

在方法中，我从计算中附加this.invoicing_period

let fd = new FormData();
fd.append("latest_contract", newContract.latest_contract);
fd.append("invoicing_period", this.invoicing_period);

在 HTML 中，我有一个选择下拉菜单。

<select
  id="invoicingDropdown"
  name="invoicingPperiod"
  v-model="newContract.invoicing_period"
  >
  <option selected value="1615">15./16.</option>
  <option value="calendarMonth">30/31.</option>
</select>

问题是，我在从下拉列表中选择选项后发送了正确的值，但它没有从 vue data()更新newContract.invoicing_period 。

谢谢你。

标签： javascriptformsvue.jsdrop-down-menu