Vue: Support components in renderers

[jsakalos]

Implement support for Vue component to be used as/in renderers (columnRenderer, headerRenderer)

Now that we have both Vue 2 and Vue 3 wrappers we need to implement it for both versions:

• Vue 2 column renderer
• Vue 2 event renderer
• Vue 3 column renderer
• Vue 3 event renderer
• Vue 2 tooltip renderer
• Vue 3 tooltip renderer

[taeo]

@jsakalos - This isn't ideal and hasn't been fully tested for issues or performance, BUT it does render a vue component. Example is for eventRenderer using our SchedulerEvent Vue component. Same concept applies for other Bryntum *Renderer functions.

    // Renderer for Bryntum scheduler event with Vue component
    public eventRenderer({eventRecord, tplData}: any) {
        const ComponentClass = Vue.extend(SchedulerEvent);
        const instance = new ComponentClass({
            propsData: { record: eventRecord }
        }).$mount();

        return instance.$el.innerHTML;
    }

[awacode21]

Any news on this? i need the support of vue components within vue 3 tooltip renderer

[jsakalos]

No news yet. It is on our todo list slated most likely for February. Until then you can try the above approach in the tooltipRenderer.