Javascript 获取v-checkbox Vue.JS Vuetify的状态
我正在建立一组v复选框Javascript 获取v-checkbox Vue.JS Vuetify的状态,javascript,vue.js,checkbox,vuejs2,vuetify.js,Javascript,Vue.js,Checkbox,Vuejs2,Vuetify.js,我正在建立一组v复选框 <div class="row form-group" v-for="(author, key) in authorData" :key="key"> <v-checkbox label :key="author.PmPubsAuthorID" v-model="author
<div class="row form-group" v-for="(author, key) in authorData" :key="key">
<v-checkbox
label
:key="author.PmPubsAuthorID"
v-model="author.checked"
v-bind:id="author.PmPubsAuthorID.toString()"
color="success"
@change="authorCBClicked()"
></v-checkbox>
但这没有帮助。正如您所知,我是Vue新用户,因此非常感谢您的帮助。复选框是v-bind的,因此
作者。选中的应反映用户设置的值。您应以这种方式绑定v-model=“authorData[key]。选中的“
并使用@input事件,如:
<div class="row form-group" v-for="(author, key) in authorData" :key="key">
<v-checkbox
label
:key="author.PmPubsAuthorID"
v-model="authorData[key].checked"
v-bind:id="author.PmPubsAuthorID.toString()"
color="success"
@change="authorCBClicked(authorData[key])"
></v-checkbox>
在authorCBClicked中,我得到“author未定义”我是否需要使用@change来通过某些内容?得到了--我将author传递到函数@change=“authorCBClicked(author)”这是有效的——谢谢,在方法中,您可以检查checked
是否为真:)输入永远不会触发authorbclick,因此我将其更改回change,并将其更改回passing author,以便获得更改的其他属性,如复选框的id。我怎样才能得到其他的财产?感谢您的输入您是否尝试了`@change=“authorbclicked(authorData[key])”``@change=“authorbclicked(authorData[key])”`效果很好--
<div class="row form-group" v-for="(author, key) in authorData" :key="key">
<v-checkbox
label
:key="author.PmPubsAuthorID"
v-model="authorData[key].checked"
v-bind:id="author.PmPubsAuthorID.toString()"
color="success"
@change="authorCBClicked(authorData[key])"
></v-checkbox>