Click event dont work inside user v-for loop

VueJS
1

I have this:


<v-flex style="padding:4px;" v-bind="{ [`xs6`]: true }" v-for="user in theusers" :key="user._id" xs6 sm3 md3 order-md1 order-sm3>

 <button @click="addperson(user)"><v-icon>add</v-icon></button>

<script…

 export default {

      meteor: {
      
            theusers() {
                return Meteor.users.find();
            },
          
            
        },


methods: {
            

             addperson(user) {
                console.log("adduser");
            }

cant get a adduser message. It works when I take the button outside the v-for loop

2

dont know why but this works:

                                <v-btn @click="addperson(user)" icon >
                                    <v-icon>add</v-icon>
                                </v-btn>