如何將“this”以及 v-model 從輸入傳遞給處理程序

Question

如何將this對象（指輸入元素與整個組件）傳遞給 Vue 中的處理程序函數？

<input
  type="number"
  min="0"
  max="8000000"
  step="100000"
  v-model="minPriceInput"
  @change="setPriceRange(minPriceInput, maxPriceInput)"
/>

方法：

setPriceRange(min, max) {
  this.blur(); // or whatever else I might do with the input
  state.commit("setPriceRange", [min, max]);
}

Answer 1

您可以使用如下參數傳遞事件setPriceRange($event, minPriceInput, maxPriceInput); 並通過event.target使用它。 你可以做的另一件事是給它一個 id 並使用document.getElementById("minPrice")正常調用它......