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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.26 08:45:03