data binding is not working - v-model

[James Boomer]

SO i have a vue 3 project since according this post it is now supported in the new versions of the library:

https://www.syncfusion.com/feedback/20646/two-way-binding-support-for-in-place-editor-value-property

unfortunately i have been unable to get this to work at all, i have even started a completely blank project and copied the code from the example of 2 way binding all the values just simply show "Empty"  i am injecting the component directly into App.vue as i have found referenced many times

I have attached my project to this for any assistance.

Attachment: Syncfusion_Test_Project_13cb8d19.zip

[Revanth Krishnan]

Hi James, 

 

 

Greetings from Syncfusion support. 

 

 

The issue two way binding is not working in in-place editor vue3 application can be resolved by setting the value property as “v-model:value” instead of “v-model”. We have prepared a sample for your reference, 

 

Code Snippet: 

<template> 

  . . . 

            <ejs-inplaceeditor id="textbox" type="Text" mode="Inline" :model="textModel" v-model:value="value"> 

            </ejs-inplaceeditor> 

 

            <ejs-inplaceeditor id="textbox2" type="Text" mode="Inline" :model="textModel" v-model:value="value"> 

            </ejs-inplaceeditor> 

          . . . 

</template> 

 

Sample: https://www.syncfusion.com/downloads/support/forum/171303/ze/inplace_editor_app-726259677 

 

Regards, 

Revanth