vue 2.7 template type check for inline function

I’m using vue 2.7 with TypeScript

<template>
<div>
  <div v-for="(item, index) in arr" :key="index">
    <el-input type="text" :value="item" @input="(val) => doSomething(index, val)" />
  </div>
</div>
</template>

As code shown above, the problem is @input="(val) => doSomething(index, val)" part.

• ts error Parameter 'val' implicitly has an 'any' type. since noImplicitAny in tsconfig was enabled
• Vue 2.7 doesn’t support ts syntax in template as the CHANGELOG said

  ❌ TypeScript syntax in template expressions (incompatible w/ Vue 2 parser)

• ts-ignore will causing prettier add leading semi colon which is not valid attribute value

  @input="
   //@ts-ignore
   ;(val) => doSomething(index, val)
  "
  

• Since val is an argument so asAny magic won’t work

Any workaround I can do?

[lsdsjy]

I see. Instead of @ts-ignore you can use something similar to the asAny trick:

@input="anyFn((val) => doSomething(index, val))"

, where const anyFn = (fn: (val: any) => any) => fn. And you can annotate it more accurately if you want.

[troy351]

Thanks