vuetify.js - 在Vuetify中，如何防止在checkbox里面点击一个chip来勾选checkbox？

Question

我在复选框中有一个芯片，我认为“@click.stop”或“@click.capture”会阻止复选框被选中。但它不起作用。我误解了什么吗？

  <v-checkbox
    v-model="myModel"
    hide-details
  >
    <template v-slot:label>
      <div>
        My label
        <v-tooltip bottom>
          <template v-slot:activator="{ on }">
            <v-chip
              class="ma-2"
              color="green"
              text-color="white"
              v-on="on"
              @click.capture="myValue = true"
            >
              <v-avatar left>
                <v-icon>mdi-help-circle-outline</v-icon>
              </v-avatar>
              chip content
            </v-chip>
          </template>
          The tooltip
        </v-tooltip>
      </div>
    </template>
  </v-checkbox>

“myValue”正确更新，但复选框仍然切换......

提前致谢 ：）

标签： vuetify.js