vue 3 通过render函数渲染element-plus组件有以下几种实现方式,举例如果想使用el-input
组件
直接引入组件
<script lang="jsx">
import { ElInput } from 'element-plus'
export default {
render() {
return h(ElInput, {}, [])
}
}
</script>
通过名字引入
有时候,我们不知道引入的是 ElInput
,希望通过名字引入,可以用以下方法
<script lang="jsx">
import { h, resolveComponent } from 'vue'
export default {
render() {
const component = resolveComponent('el-input') // 'el-input' 可通过外部传入
return h(component, {}, [])
}
}
</script>
全局注入
如果在main.js里全局注入了el-input
,就可以按以下写法:
https://element-plus.org/zh-CN/guide/quickstart.html
<script lang="jsx">
import { h } from 'vue'
export default {
render() {
return h('el-input', {}, [])
}
}
</script>
网友评论