Hello Oleg,
Thank you for contacting us.
Yes. It is possible to pass custom data to template component. We have attached an example where we have assigned child component data content into Dialog component content through beforeMount event using Vuex store. Kindly refer to the following link for the sample
In above sample, we have covered the following things,
- Rendered the Dialog component and a Button component in App.vue page. Initially, we have hidden the dialog component by disabling the visible property.
- We have passed the item into the child component(ItemList.vue) by setting data when you click the button and Dialog content is dynamically updated.
- Now, Dialog content rendered with another vue component template data.
Let us know if you need any further assistance on this.
Regards,
Prince
You say
--- We have passed the item into the child component(ItemList.vue) by
setting data when you click the button and Dialog content is dynamically
updated.
but you haven't
what you have done is set a GLOBAL variable via Vuex, and in the component you have loaded that global variable. This wouldn't work well if you had multiple things bound to different items.
You haven't answered how do you bind props to components?