Home > @jsplumbtoolkit/browser-ui-vue3 > BaseNodeComponent

BaseNodeComponent variable

Provides a mixin you should use to create a component that renders a node.

Usage:

Vue.component('MyNode', {
 props:{ ... },
 mixins:[ jsPlumbToolkitVue3.BaseNodeComponent],
 template:'...your node template.......',
 methods:{
     ...
 }
})

Signature:

BaseNodeComponent: {
    mixins: {
        props: {
            obj: ObjectConstructor;
            toolkit: typeof BrowserUIVue3;
            vertex: typeof Vertex;
            surface: typeof Surface;
            el: {
                new (): Element;
                prototype: Element;
            };
            def: ObjectConstructor;
            eventInfo: ObjectConstructor;
        };
        mounted(): void;
        methods: {
            getToolkit: () => any;
            removeVertex: () => void;
        };
        updated(): void;
    }[];
    methods: {
        getNode: () => any;
        removeNode: () => void;
        updateNode: (data: any) => void;
    };
}