javascript - 如何将 "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")...

正常调用它