从我可以收集的信息中,当您在下拉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>