猿问

在Vuetify中,如何防止取消选中的v复选框?

我有一个复选框:

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

如何防止取消选择选定的框,而不必诉诸于使用单选按钮?

或者如何使用Javascript检查是否取消选中了特定的复选框?


一只甜甜圈
浏览 134回答 1
1回答

LEATH

这是工作密码笔 https://codepen.io/manojkmishra/pen/dyYERzX模板部分:<div id="app">&nbsp;<v-app id="inspire">&nbsp; &nbsp;<v-container fluid>&nbsp; &nbsp; &nbsp;<v-layout row wrap>&nbsp; &nbsp; &nbsp; &nbsp;<v-flex xs12 md6>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<v-subheader>Checkbox</v-subheader>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <v-card flat>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<v-card-text>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<v-checkbox :disabled="disabled" v-bind:label="`Checkbox 1:&nbsp; &nbsp; ${ex1.toString()}`" v-model="ex1" light @ @change="hehe"></v-checkbox>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </v-card-text>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </v-card>&nbsp; &nbsp; &nbsp; &nbsp; </v-flex>&nbsp; &nbsp; &nbsp; </v-layout>&nbsp; &nbsp; </v-container>&nbsp; </v-app></div>脚本部分:new Vue({el: '#app',data () {return {&nbsp; ex1: false,&nbsp; disabled:false,}&nbsp; },&nbsp;methods:{hehe(){&nbsp; console.log("hehe")this.disabled=true;&nbsp; &nbsp; }&nbsp; }})
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答