[Vuejs]-Rendering same component (with synced data) twice on same page

0šŸ‘

āœ…

@roy-j, thanks for your comment about sync. I already tried that by setting:

<filter-component v-if="activefilter"
                                      :name="activefilter.name"
                                      :type="activefilter.type"
                                      :title="activefilter.title"
                                      :tooltip="activefilter.tooltip"
                                      :configuration="activefilter.configuration"
                                      :options.sync="activefilter.options">
            </filter-component>

This didnā€™t work. But You got got me thinking, the options sync was not the issue, the sync of the ā€˜checkedā€™ state was the issue.
It worked by changing :checked=ā€option.activeā€ to :checked.sync=ā€option.acitveā€ to the child component: ā€˜filter-option-componentā€™!

Thanks!!

Leave a comment