javascript - 箭头主体周围有意外的 block 语句

标签 javascript ecmascript-6 vuejs2 eslint

这可能是微不足道的,但我花了异常多的时间试图找出为什么下面的代码出现“Unexpected block statements around arrow body”错误

computed: {
  filteredItems() {
    return this.items.filter((item) => {
      return (item.type.toLowerCase().indexOf(this.search.toLowerCase()) > -1);
    });
  },
},

最佳答案

这基于您的 ESLint 配置。因此,由于箭头函数隐式返回,因此您的代码不需要 return 语句。

箭头函数后面的左大括号立即指示一个新 block ,该 block 应该超过一个句子,但在您自己的情况下并非如此。

// Fix for your code

computed: {
  filteredItems() {
   return this.items.filter((item) => 
   (item.type.toLowerCase().indexOf(this.search.toLowerCase()) > -1));
  }
},

关于javascript - 箭头主体周围有意外的 block 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46308669/

相关文章:

function - es6 中带有 let 或 const 的命名函数表达式?

javascript - 将嵌套对象解构为函数参数

javascript - vue-cli项目修改端口号的方法

javascript - 从 vue 组件中的数据函数创建可重用的逻辑

javascript - 如何使用evaluateJavaScript 将数据从WKWebview 发送到HTML 文件| iOS | Objective-C

javascript - typescript 使一个参数类型依赖于另一个参数

PHP正则表达式删除所有异常的javascript

javascript ->/</=== 三路比较而不必多次写入比较值?

typescript - 为什么 TypeScript 不识别 Vue 插件的模块扩充?

javascript/jQuery/CSS - 垂直文本?