How to use v-model in component？

[lilililee]

// index.tsx

// Modal.tsx

I refer <A v-model={[val, 'argument', ['modifier']]} />, but got typescript error.

Version:
vue: 3.0.2
@vue/babel-plugin-jsx: 1.0.0-rc.3
typescript: 3.9.7

[Zcating]

Have you checked your Vue version?

[Amour1688]

missing required modelValue

[Zcating]

Maybe remove the required key in props or add modelValue={state.visible} in the tag attribute.

[lilililee]

@Amour1688 Typescript error has gone after missing required modelValue and v-model already work, but I think modelValue set required: true is nothing wrong. Is it a bug?

[Amour1688]

@Amour1688 Typescript error has gone after missing required modelValue and v-model already work, but I think modelValue set required: true is nothing wrong. Is it a bug?

[TheDutchCoder]

This issue shouldn't be closed, requiring a v-model is very normal and jsx should know how to map v-model to modelValue.

source: https://v3.vuejs.org/guide/render-function.html#v-model

[chaozwn]

i think this problem should be solved.i think it may be a typescript problem. v-model:modelValue.trim also has question.