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

正常调用它

如何将 "this" 以及 v-model 从输入传递到处理程序

How to pass "this" as well as v-model from input to handler

javascript

vue.js

this

v-model