在Vuetify中，如何防止取消选中的v复选框？

Question

我有一个复选框：<v-checkbox      v-for="company in allCompanies" :key="`company_${company.id}`"      :label="company.name"      :value="company.id"      v-model="selectedCompanies"      />如何防止取消选择选定的框，而不必诉诸于使用单选按钮？或者如何使用Javascript检查是否取消选中了特定的复选框？

Answer 1

这是工作密码笔 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;

    }

  }

})