suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Vue 3-Skripteinstellungen Typescript |. Implizit eingegebener „el“-Parameter in der Vorlagenreferenz

Kann mir jemand sagen, warum Typoskript mich mit dem folgenden Fehler anschreit? error TS7006:参数“el”隐式具有“any”类型。 ref="(el) => saveRef(index, el)".我很确定 saveRef Der richtige Typ ist in der Funktion eingestellt.

<script lang="ts" setup>
    import FormComponent from '@/components/FormComponent.vue'

    const formRefs = ref<
      ComponentPublicInstance<typeof FormComponent>[]
    >([])

    function saveRef(
      index: number,
      el: ComponentPublicInstance<typeof FormComponent>
    ) {
      formRefs.value[index] = el
    }

    onBeforeUpdate(() => {
      formRefs.value = []
    })
  </script>

  <template>
    <div v-for="(component, index) in components" :key="index">
      <form-component
        :ref="(el) => saveRef(index, el)"
        :component="component"
        :index="index"
      />
   </div>
 </template>

P粉883278265P粉883278265363 Tage vor354

Antworte allen(1)Ich werde antworten

  • P粉020556231

    P粉0205562312024-02-22 00:26:27

    在模板中保留多余的 JS 通常不是一个好习惯。正确的解决方案是在组件脚本中定义类型化引用处理函数。由于它应该是参数化的,因此它可以是高阶函数:

    function saveRef(
      index: number,
    ) {
      return (el: ComponentPublicInstance) => {
        formRefs.value[index] = el
      }
    }

    并将其用作 :ref="saveRef(index)"

    Antwort
    0
  • StornierenAntwort