Vue.js type of createElement in render functions

Question

I am using a vue-select plugin and render function is used to create custom buttons for it. Documentation: https://vue-select.org/guide/components.html#deselect

I am using class based components with TypeScript enabled and I want to render those two elements.

Currently I use them like this:

Deselect: object = {
    render: (createElement: any) => createElement('i', { attrs: { class: 'ri-close-line' } }),
}

OpenIndicator: object = {
    render: (createElement: any) => createElement('i', { class: { 'ri-arrow-down-s-line': true } })
}

It is working fine but I don't want to use "any" types. What type is createElement?

See also: stackoverflow.com/q/58002254/2170192

Alex Shesterov
– Alex Shesterov

2020-11-30 17:26:55 +00:00
Commented Nov 30, 2020 at 17:26 — Alex Shesterov
– Alex Shesterov, Commented Nov 30, 2020 at 17:26

Boussadjra Brahim · Accepted Answer · 2020-11-30 17:25:34Z

2

The right type is CreateElement imported from vue :

import  { CreateElement } from 'vue'


Deselect: object = {
    render: (createElement: CreateElement ) => createElement('i', { attrs: { class: 'ri-close-line' } }),
}

OpenIndicator: object = {
    render: (createElement: CreateElement ) => createElement('i', { class: { 'ri-arrow-down-s-line': true } })
}

answered Nov 30, 2020 at 17:25

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js type of createElement in render functions

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related