1回答

张轩

2022-03-19

已采纳

同学你好 好问题 假如不使用 tsx 的话，我一般都会用一个 “中间组件” 的技术来实现对应的功能。我会创建这样一个组件：

//renderVnode.ts
import { defineComponent, h, isVNode } from 'vue'

const RenderVnode = defineComponent({
    props: {
    vNode: {
        type: [Object, String],
        required: true
    }
},
render () {
    if (isVNode(this.vNode)) {
        return this.vNode
    } else {
        return h('div', this.vNode as any)
    }
}
})

export default RenderVnode

// 想用 vnode 的地方可以直接用这个组件的属性传递
text 这里可以是一个 h 返回的节点
<render-vnode :vNode="text"></render-vnode>
// 亲测好用，我在工作中就是这么用的

0

1

有没有没被占用的昵称

非常感谢！

2022-03-19

共1条回复