Vue3项目中Vetur提示带空格的对象属性访问语法报错求解
问题解决方法
方案1:修正对象属性访问语法(优先推荐)
你当前使用的obj.[属性名]写法存在多余点号,属于不规范的JavaScript语法,Vetur的报错属于合理的语法校验提示。
方括号访问含特殊字符/空格的对象属性时,不需要在对象名后方追加点号,修改为以下标准写法即可直接消除报错,同时完全兼容所有运行环境:
this.ncCases = this.store.state.csvJson.data.filter(obj => { return obj[`Neighborhood Council`] == this.selectedNC })
方案2:调整Vetur配置屏蔽提示(仅需保留原有写法时使用)
如果业务场景必须保留原有写法,可以通过以下两种方式屏蔽该类误报:
- 项目级屏蔽:在项目根目录新建
vetur.config.js文件,写入如下配置即可仅对当前项目生效:
module.exports = { validation: { script: true, scriptErrorsIgnore: [1003] } }
- 全局屏蔽:打开VS Code设置界面,搜索
Vetur > Validation: Script Errors Ignore,添加错误码1003即可全局忽略该类校验提示。
如果仅需要屏蔽单行报错,也可以在对应代码行上方添加注释// @ts-ignore临时生效。
内容的提问来源于stack exchange,提问作者Harvey Mushman
相关产品推荐
相关产品推荐

