StopPropagation for checkbox not working on click?

Question

Vue.js

Good afternoon, I encountered such a problem that when a checkbox is selected, @click on the parent element is triggered, i.e. when clicking on the input, it calls both the firstMethod and the secondMethod,
tried to solve the problem through the .stop modifier for the event in vue, but it didn’t help, the component itself looks like this:

<h5 @click="первыйМетод">
      <input type="checkbox"
        @click.stop
        @input="второйМетод"
      />
</h5>

Answer 1

solved the problem via @click.self="firstMethod"