Vue3+Quasar Tooltip delay属性类型报错：VS Code提示字符串无法赋值给数字

错误原因 #

Quasar的QTooltip组件的delay属性类型定义为number | undefined，而：

• 直接写delay="500"时，HTML属性会被解析为字符串类型，和类型要求不匹配，触发TS类型错误
• 写delay=500（无引号无冒号）时，HTML属性仍会被视为字符串，同样不符合类型要求

正确写法 #

使用Vue的绑定语法（v-bind简写: ）传递数字类型值：

<q-tooltip :delay="500">abcd</q-tooltip>

如果延迟值需要从变量获取，确保变量为number类型：

<script setup>
const tooltipDelay = 500 // 确保是number类型
</script>

<q-tooltip :delay="tooltipDelay">abcd</q-tooltip>

验证说明 #

通过绑定语法传递的500会被解析为JS数字类型，完全符合QTooltipProps.delay的类型定义，VS Code的TS类型检查会自动通过。

内容的提问来源于stack exchange，提问作者ManiMatter