Javascript 将事件附加到“;v-btn”;按回车键
除按enter键外,所有操作都正常,需要帮助。 我有фаааv-复选框Javascript 将事件附加到“;v-btn”;按回车键,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,除按enter键外,所有操作都正常,需要帮助。 我有фаааv-复选框 <v-expansion-panel> <v-expansion-panel-header disable-icon-rotate @click="editingTarget" class="headerHeight"> <span class="title"> {{description.targets}}</span> <
<v-expansion-panel>
<v-expansion-panel-header disable-icon-rotate @click="editingTarget" class="headerHeight">
<span class="title"> {{description.targets}}</span>
<template v-slot:actions>
<v-btn fab small>
<v-icon v-if="isEditing.target">mdi-close</v-icon>
<v-icon v-else>mdi-pencil</v-icon>
</v-btn>
</template>
</v-expansion-panel-header>
<p class="subtitle-1 px-6" style="opacity: 0.9" v-if="(profileDetails) && (!isEditing.target)">
{{profileDetails.target}}</p>
<v-expansion-panel-content
>
<v-row>
<v-col xs="12"
md="6"
lg="6"
v-for="(item, i) in valueCheckBox"
:key="i"
class="colCheckBox"
>
<div style="width: 250px">
<v-checkbox v-model="checkBox" :value="item.value">
<template v-slot:label>
<div class="check-box-custom">
<span class="font-weight-regular">{{item.value}}</span>
</div>
</template>
</v-checkbox>
</div>
</v-col>
</v-row>
<v-card-actions>
<div class="flex-grow-1"></div>
<v-btn
color="blue lighten-1"
@click="$emit('close-panel', []); save()"
>
Save
</v-btn>
</v-card-actions>
</v-expansion-panel-content>
</v-expansion-panel>
什么东西没试过?!我想一切,但不知何故我不能
我只是无法将事件附加到enter键
Helppp 尝试使用相应标签中的
@keydown.enter.native.stop.prevent=“event”
属性(即v-text-field
)在释放enter键时触发event()
在您的情况下,如下所示:
<v-checkbox @keydown.enter.native.stop.prevent="$emit('close-panel', []); save()" v-model="checkBox" :value="item.value">
尝试使用相应标签(即
v-text-field
)中的@keydown.enter.native.stop.prevent=“event”
属性在释放enter键时触发event()
在您的情况下,如下所示:
<v-checkbox @keydown.enter.native.stop.prevent="$emit('close-panel', []); save()" v-model="checkBox" :value="item.value">
代码中没有键盘处理程序。我知道他们不是他们不工作!所以我删除了它们,来到这里寻求建议。您的代码中没有键盘处理程序。我知道他们不是他们不工作!因此,我删除了它们,来到这里寻求建议。请为您的答案添加一个解释。С对应的标签(即v-text-field)工作得很好,但teg v-checkbox@keydown.enter、@key press、@keyup等不起作用。我不知道为什么请为您的答案添加一个解释。С对应的标签(即v-text-field)工作非常好,但teg v-checkbox@keydown.enter、@key press、@keyup等不起作用,我不知道为什么