drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Focus on <label> when <input> gets the focus

Browse source
This commit is contained in:
Sergio Crisostomo 2018-01-18 22:03:53 +01:00
parent 98252a9e15
commit ea49834da9
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/checkbox/checkbox.vue
View file

@ -8,22 +8,26 @@
<input <input
v-if="group" v-if="group"
type="checkbox" type="checkbox"
tabindex="-1" tabindex="-1"
:class="inputClasses" :class="inputClasses"
:disabled="disabled" :disabled="disabled"
:value="label" :value="label"
v-model="model" v-model="model"
:name="name" :name="name"
@change="change"> @change="change"
@focus="$el.focus()"
>
<input <input
v-if="!group" v-if="!group"
type="checkbox" type="checkbox"
tabindex="-1" tabindex="-1"
:class="inputClasses" :class="inputClasses"
:disabled="disabled" :disabled="disabled"
:checked="currentValue" :checked="currentValue"
:name="name" :name="name"
@change="change"> @change="change"
@focus="$el.focus()"
>
</span> </span>
<slot><span v-if="showSlot">{{ label }}</span></slot> <slot><span v-if="showSlot">{{ label }}</span></slot>
</label> </label>
@ -120,7 +124,6 @@
}, },
methods: { methods: {
change (event) { change (event) {
console.log(event);
if (this.disabled) { if (this.disabled) {
return false; return false;
} }