Vue 3 innerHTML attr 不呈现任何内容

Question

我有以下 Vue 3 组件。

import { defineComponent, onMounted, ref, Ref, h } from "vue"

export default defineComponent({
    setup(props, context) {
        const divRef = ref() as Ref<HTMLElement>

        return () => {
            return h("div", { ref: divRef }, { innerHTML: "&times;" })
        }
    }
})

我想要 HTML 实体 ×，因为它是 innerHTML。但是，由于某些原因 innerHTML 总是空的。

Answer 1

innerHTML 应该是第二个参数的一部分（不是第三个）。

export default defineComponent({
    setup(props, context) {
        const divRef = ref() as Ref<HTMLElement>

        return () => h("div", { ref: divRef, innerHTML: "&times;" })
    }
})

Vue 3 innerHTML attr 不呈现任何内容

Vue 3 innerHTML attr renders nothing

javascript

vue.js

vuejs3