Buefy自动完成选择正在关闭下拉菜单

时间:2020-05-24 20:48:11

标签: autocomplete dropdown buefy

从我可以收集的信息中,当您在下拉div之外单击时,Buefy具有一个全局事件侦听器来关闭下拉菜单。当您单击自动完成列表时,将触发该事件侦听器,因为它是在下拉列表之外呈现的(考虑到dom树)。这使我无法捕获点击事件。

我正在尝试找到防止事件侦听器触发的任何方法。我试图捕获通过单击自动完成选项发出的任何事件。我也尝试了v-model选项,并且发生了相同的问题。

            <b-dropdown>
            <b-button slot="trigger" @click="setAddingRelationship">Add</b-button>
            <b-dropdown-item custom>
                <b-field label="Relationship Type">
                    <b-autocomplete
                            size="is-small"
                            ref="newRelationship"
                            v-model="searchForNewRelationshipType"
                            placeholder="Relationship Type"
                            :keep-first="true"
                            :open-on-focus="true"
                            :data="filteredNewRelationshipTypes"
                            field="type"
                            @select="relationshipTypeSelected">
                    </b-autocomplete>
                </b-field>

                <button @click="addRelationship">Add Field</button>
            </b-dropdown-item>
            </b-dropdown>

0 个答案:

没有答案