You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Vue 2.7(TypeScript+Volar)中禁用模板的TypeScript类型检查

Vue 2.7 + TypeScript + Volar 模板事件回调的类型提示冲突问题

在使用TypeScript和Volar扩展的Vue.js 2.7版本项目中,当组件启用<script lang="ts">后,即便<template>本身不支持TypeScript语法,IDE仍会对模板内容抛出TypeScript类型提示,进而引发以下矛盾:

无类型标注触发隐式any报错

模板中编写如下事件回调时:

<my-component @change="(selection)=>doStuff(selection, index)"></my-component>

IDE会显示类型错误(但代码编译运行完全正常):

参数“selection”隐式具有“any”类型。ts(7006)

添加类型标注导致代码解析失败

如果尝试给参数添加TypeScript类型标注:

<my-component @change="(selection:string)=>doStuff(selection, index)"></my-component>

IDE会抛出语法解析错误,导致代码无效:

意外的标记,应为“,”(1:429)

内容的提问来源于stack exchange,提问作者Daniel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 19:57:38