Quasar2 Vue3 Q当失去焦点时，选择多选触发器的结束

Question

我有以下模板：

<template>
<q-item tag="label" v-ripple>
<q-select
borderless
stack-label
emit-value
map-options
multiple
class="full-width"
v-model="model"
:options="options"
:label="name"
@change="onValueChange"
/>
</q-item>
</template>

由于这是一个多选，我想知道选择何时完成，通常是QSelect失去焦点或关闭时。这样，在用户进行多选的过程中，我就不会为每一次更改触发任何不必要的操作。@change根本没有被触发。

Answer 1

使用插槽：

<template>
<q-item tag="label" v-ripple>
<q-select
borderless
stack-label
emit-value
map-options
multiple
class="full-width"
v-model="model"
:options="options"
:label="name"
>
<template v-slot:after>
<q-btn
data-test="btnMultipleDropDownSetting"
round
dense
flat
color="primary"
icon="done"
@click="multiSelectionCompletes"
:disable="submitButtonDisable"
/>
</template>
</q-select>
</q-item>
</template>