vuex中三目运算问题

Question

在项目中使用三目运算符，eslint会报错，这个三目运算还能怎么写？data () {     return {              open: false,       currentTab: false,       isFolder: this.model.children && this.model.children.length ? true : false     }   },

Answer 1

那你就在.eslintrc.js里把这个关了不就不报错了

Answer 2

额，如果你是需要一个boolean值的话，这里不需要三目运算就可以达到效果

data () { 
   return {      
       open: false,
      currentTab: false,
      isFolder: this.model.children && this.model.children.length // true or false
    }
}

如果一定要使用的话

data () {  
  return {      
        open: false,
      currentTab: false,
      isFolder: (this.model.children && this.model.children.length) ? true : false
    }
}

补充一下，这里&&的运算优先级是低于?:的，而右边的length属性不是bool表达式