vue3中怎么使用element的元素呢

Question

在vue3 render函数中使用element-ui的元素 但是失效了 渲染出来的也不对 应该怎么使用呢


已全局引入了

Answer 1

你的element-ui元素需要注册为全局组件

vue3还需要使用resolveComponent

import { h, resolveComponent } from "vue";

export default {
  setup(){
    return () => {
      const _component_el_button = resolveComponent("el-button")

      return h(
        _component_el_button,
        {
          size: 'small',
          type: 'primary'
        },
        '按钮'
      )
    }
  }
}

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

import { h } from "vue";
import { ElButton } from "element-plus";

export default {
    setup() {
        return () => h(ElButton, {
            type: "primary"
        }, "button")
    }
}