title: Why vuetify checkbox reacts two times, on click in Vue.js?
body: <p>i have a table, where every row contains a checkbox. When clicking on a checkbox i would like to call some logic (when someone clicks on a checkbox, sometimes i need to tick few rows, not only selected one, so i've made checkboxes readonly and i need to tick them in script section). Here's my table:</p>
  <pre><code>     &lt;div
          v-for=&quot;file in files&quot;
          :key=&quot;file.entry.name&quot;&gt;
          &lt;v-list-item style=&quot;height: 40px;&quot;&gt;
            &lt;v-list-item-content class=&quot;text-left&quot;&gt;
              &lt;div class=&quot;wrapper&quot;&gt;
                &lt;div class=&quot;checkbox&quot;&gt;
                  &lt;v-checkbox
                    readonly
                    @click=&quot;selectCorrespondingFiles&quot;
                    v-model=&quot;file.isSelected&quot;&gt;
                  &lt;/v-checkbox&gt;
                &lt;/div&gt;
                &lt;div class=&quot;title&quot;&gt;
                  &lt;v-list-item-title
                    style=&quot;font-size: 16px&quot;
                    v-text=&quot;file.entry.name&quot;&gt;
                  &lt;/v-list-item-title&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/v-list-item-content&gt;
          &lt;/v-list-item&gt;
          &lt;v-divider&gt;&lt;/v-divider&gt;
        &lt;/div&gt;
  </code></pre>
  <p>When i click on a checkbox my method is called two times:</p>
  <pre><code>    selectCorrespondingFiles() {
        console.log('selectCorrespondingFiles');
        ....
      },
  </code></pre>
  <p>Why the code is being executed two times on every click? Thanks for any help.</p>