vue.js - 如何使附加项目在 v-select vuetify 中始终可见

Question

我有一个 vuetify v-select 下拉列表。
在里面我做了一个插槽#append-item，其中我有一个按钮“验证”
当我在下拉列表中滚动时，我希望该按钮始终可见。

Answer 1

用带有 append 的 div 包裹你的按钮类(class)名称 :

 <template #append-item>
              <div class="append">
                <v-btn color="primary">valider</v-btn>
              </div>
 </template>

该类应具有以下 css 规则:

.append{
  position:sticky;
  bottom:8px;
  width:100%;
  display:flex;
  justify-content :center;
  background :white;
  
}

LIVE DEMO