Vue 3，Typescript：如何将参数传递给模板引用？

Question

来自模板

<input v-for="i in 5" :key="i" :ref="refHandler($el, i)" />

来自 setup()

const refHandler = (el: HTMLInputElement, i: number) => {
  if (el) inputs.value[i] = el;
};

el 似乎显示为空。如何将参数传递给模板引用？

Answer 1

您在模板中的ref 绑定应该是一个将其参数声明为$el 的函数，以便在您的回调中定义它：

                                      ?
<input v-for="i in 5" :key="i" :ref="$el => refHandler($el, i)" />

demo