如何在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
相关产品推荐
相关产品推荐

