В Vuetify, как предотвратить снятие флажка v-checkbox? - PullRequest
Новая
       6

В Vuetify, как предотвратить снятие флажка v-checkbox?

0 голосов
/ 26 мая 2020

У меня есть флажок: 

<v-checkbox
     v-for="company in allCompanies" :key="`company_${company.id}`"
     :label="company.name"
     :value="company.id"
     v-model="selectedCompanies"
/>

Как я могу предотвратить снятие выделения с выбранного поля, не прибегая к использованию переключателей?

Или как, используя Javascript , проверьте, не снят ли установленный флажок c?

1 Ответ

0 голосов
/ 27 мая 2020

Вот рабочий код https://codepen.io/manojkmishra/pen/dyYERzX

Часть шаблона: 

<div id="app">
 <v-app id="inspire">
   <v-container fluid>
     <v-layout row wrap>
       <v-flex xs12 md6>
         <v-subheader>Checkbox</v-subheader>
          <v-card flat>
           <v-card-text>
             <v-checkbox :disabled="disabled" v-bind:label="`Checkbox 1:    ${ex1.toString()}`" v-model="ex1" light @ @change="hehe"></v-checkbox>             
              </v-card-text>
          </v-card>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>

Часть скрипта: 

new Vue({
el: '#app',
data () {
return {
  ex1: false,
  disabled:false,
}
  },
 methods:{
hehe(){
  console.log("hehe")
this.disabled=true;
    }
  }
})
...