Vue.js 如何使附加项在v-select vuetify中始终可见
我有一个vuetify v-select下拉列表。 我在里面做了一个槽#append项,里面有一个按钮“validate” 我希望在下拉列表中滚动时按钮始终可见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">
用一个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>