Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将事件附加到“;v-btn”;按回车键_Javascript_Vue.js_Vuetify.js - Fatal编程技术网

Javascript 将事件附加到“;v-btn”;按回车键

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> <

除按enter键外,所有操作都正常,需要帮助。 我有фаааv-复选框

   <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等不起作用,我不知道为什么