title: How to use ternary operator in Vue binding
body: <pre><code>&lt;label class="switch"&gt; 
  &lt;input type="checkbox"  v-on:change="updateRequiredData(list.input_permission_id,selected, selected == 'Applicant' ? list.status : selected =='Guaranter' ? list.guaranter_required : selected ='Reference' ? list.guaranter_required)"  v-bind:checked="list.status =='1'" &gt;    
  &lt;span class="slider round"&gt;&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>I have to update value of check-box according to select condition like if i select applicant it shows applicant check box, when i select 'Applicant' the function should update list.update 
  If i select guaranter it should take list.guaranter_required and update </p>