如何将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]);
}

最佳答案

您可以按照以下setPriceRange($event, minPriceInput, maxPriceInput);参数传递事件,并通过event.target使用它。
您可以做的另一件事是给它提供一个ID,然后通常使用document.getElementById("minPrice")对其进行调用...

关于javascript - 如何将“this”以及v模型从输入传递到处理程序,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60920378/

10-16 23:11