javascript - Vue 3 innerHTML attr 不呈现任何内容
问题描述
我有以下 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: "×" })
}
}
})
我想拥有 HTML 实体×
,因为它是innerHTML
. 但是,由于innerHTML
某种原因,总是为空。
解决方案
innerHTML
应该是第二个参数(不是第三个)的一部分。
export default defineComponent({
setup(props, context) {
const divRef = ref() as Ref<HTMLElement>
return () => h("div", { ref: divRef, innerHTML: "×" })
}
})
推荐阅读
- html - 如何修复表单中嵌套容器顶部的按钮
- node.js - 为什么客户端的进程已经被杀死,服务器close_wait可以清空
- django - 如何在大型代码库中找到 Django 中相关名称的来源?
- javascript - 数组中 JavaScript 展开语法的时间复杂度是多少?
- azure - 使用 Azure Pipeline 时如何将文件复制到 Azure Blob
- eclipse - eclipse调试视图安排代码调试
- java - Jasper 报告具有来自路径的命名样式引用的连续样式
- flutter - 没有为类定义构建上下文
- angular-material - 如何主题化角材料组件形状?
- python - 如何让 tkinter 与 matplotlib checkbutton 集成以更改变量?