首頁猿問 vuex中三目運算問題

vuex中三目運算問題

慕妹3242003 2018-07-07 17:19:14

在項目中使用三目運算符，eslint會報錯，這個三目運算還能怎么寫？data () { return { open: false, currentTab: false, isFolder: this.model.children && this.model.children.length ? true : false } },

查看完整描述

3 回答

青春有我

TA貢獻1784條經(jīng)驗獲得超8個贊

那你就在.eslintrc.js里把這個關(guān)了不就不報錯了

反對回復(fù) 2018-07-14

UYOU

TA貢獻1878條經(jīng)驗獲得超4個贊

諾，拿去

反對回復(fù) 2018-07-14

梵蒂岡之花

TA貢獻1900條經(jīng)驗獲得超5個贊

額，如果你是需要一個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
    }
}

補充一下，這里&&的運算優(yōu)先級是低于?:的，而右邊的length屬性不是bool表達式

反對回復(fù) 2018-07-14