vuex中三目运算问题

Question

在项目中使用三目运算符，eslint会报错，这个三目运算还能怎么写？

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

Answer 1

额，如果你是需要一个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表达式

Answer 2

诺，拿去

Answer 3

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

Answer 4

感觉这个写到计算属性里会好一些