The problem of changing JSX to JS in Element-UI

topic description:

here is a problem found when trying to use the introduction of Vue to implement the function of Element-UI. The example on the official website of Element-UI uses the syntax of JSX to achieve this function. However, due to environmental reasons, the introduction of JSX leads to a place that cannot be implemented. Please ask you how to solve

.

sources of topics and their own ideas

related page: the first part of the third example of the http://element-cn.eleme.io/-sharp/.
transfer component

related codes

/ / Please paste the code text below (do not replace the code with pictures)

//JSXJSVue.js
renderFunc(h, option) {
  return <span>{ option.key } - { option.label }</span>;
}

what result do you expect? What is the error message actually seen?

use JS to implement the function posted above. When I use this function, the above component appears checkbox, but does not have any text rendering. When F12 looks at DOM, it finds that there are two comments inside, namely, " ". Many attempts to change can not solve

.
Mar.28,2021

renderFunc(h, option) {
    return h('span', `${option.key} - ${option.label} `);
}
Menu