ref in template typescript error?

[lovetingyuan]

Ref type will auto unwrap in template, item.prop type is string, why this not work?

error TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Ref<{ [x: string]: any; }>'.
  No index signature with a parameter of type 'string' was found on type 'Ref<{ [x: string]: any; }>'.

18             :data.sync="formData[item.prop]"
                           ~~~~~~~~~~~~~~~~~~~

[xiaoxiangmoe]

Can you provide a minimal reproducible demo?

---

Maybe the Ref<T> type of formData and the Ref<T> type from vue is not same.

Try this:

import {type Ref} from 'vue'
// ...
const formData2: Ref<{[x:string]: any}> = formData;

If type is not same, this will throw error.

[lovetingyuan]

I can not reproduce this issue, I will close this. Thank you.