javascript - 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;" })
    }
})