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

Vue.js 如何使附加项在v-select vuetify中始终可见,vue.js,nuxt.js,vuetify.js,v-select,Vue.js,Nuxt.js,Vuetify.js,V Select,我有一个vuetify v-select下拉列表。 我在里面做了一个槽#append项,里面有一个按钮“validate” 我希望在下拉列表中滚动时按钮始终可见 用一个div将您的按钮包装起来,该div具有append类名: <template #append-item> <div class="append"> <v-btn color="primary">

我有一个vuetify v-select下拉列表。 我在里面做了一个槽#append项,里面有一个按钮“validate” 我希望在下拉列表中滚动时按钮始终可见


用一个div将您的按钮包装起来,该div具有
append
类名:

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

我将此样式添加到我的“验证”按钮中,它成功了:

.append {
  position: sticky;
  bottom: 0;
  background: white;
}


    <template #append-item>

      <div class="append">
        <v-btn color="primary">
          Validate
        </v-btn>
      </div>
    </template>
.append{
位置:粘性;
底部:0;
背景:白色;
}
验证
.append {
  position: sticky;
  bottom: 0;
  background: white;
}


    <template #append-item>

      <div class="append">
        <v-btn color="primary">
          Validate
        </v-btn>
      </div>
    </template>