我在父组件中有此模板:
<template>
<div>
<div
contenteditable
ref="editorContainer"
><editor-content :container-ref="$refs.editorContainer" /></div>
</div>
</template>
我在“editor-content”组件中有这样的props声明:
props: {
//...
containerRef: {
type: Object,
}
},
但我得到了警告
[Vue warn]:无效属性:prop“containerRef”的类型检查失败。应为Object,已获取HTMLDivElement
作为 prop 传递的ref类型应该是什么?
3条答案
按热度按时间vmdwslir1#
要只允许
<div>
元素,请使用HTMLDivElement
类型。要允许任何元素,请使用类型
HTMLElement
。要允许任何东西,请将type设置为
null
或undefined
(这样linter就不会发出警告)。lp0sw83n2#
下面是一个完整的示例,使用TypeScript和Nuxt与SSR。
通过评论添加了更多上下文。
m2xkgtsf3#
这对我来说很有用(Typescript)。