POPrince Oliver Syncfusion Team March 26, 2019 11:38 AM
Greetings from Syncfusion support.
We have analyzed your requirement. Yes. It is possible to use Vue Dialog Content as a Vue template. We have assigned dataSource through beforeMount event through Vuex store and have updated the Dialog component content dynamically through button click.
In above sample, we have covered the following things,
Render the Dialog component and a Button component in App.vue page. Initially, hide the dialog component by disabling the visible property.
Axios post is triggered, when you click the button. After this post succeeded, we have passed the item into the child component(ItemList.vue) by setting data and also Dialog content is dynamically updated.
Now, Dialog content rendered with another vue component data.
We have used a child component as an HTML input element instead of using <v-text-field> tag.
Let us know if you need any further assistance on this.