How to use v-model for f7-input?

1 
<f7-input type="text"
     :value="classdata.title"
     v-model="classdata.title"
     placeholder=" ">
 </f7-input>

but error in console
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, Number, Array, got InputEvent.

2

No v-model support, because it is too buggy on custom components, just use :value + @input instead:

<f7-input type="text"
     :value="classdata.title"
     @input="classdata.title = $event.target.value"
     placeholder=" ">
 </f7-input>
4 Likes
3

thanks, it’s help me lot :stuck_out_tongue: