Vue.js 조건에 따라 버튼 비활성화

:disabled = 조건문을 혹은 function 호출로 비활성화 따진다 

 

예1) 조건문 넣기 ::disabled="This.SelectedItem.Count>0"

선택된 Count항목이 0이상일때만 활성화 됨

                    <v-btn

                      small         

                      :disabled="This.SelectedItem.Count>0"

                    >

 

예2)funcion을 호출 :disabled="TestFunction"

vue:

                    <v-btn

                      small         

                      :disabled="TestFunction"

                    >

function:

    TestFunction: function(){

      if(this.SelectedItem== null) return true;        //비활성화

      if(this.SelectedItem.Count== null) return true;  //비활성화

      if(this.SelectedItem.Count == 0) return true;  //비활성화

      return false;  // 활성화

    },