下拉选择器展开定位到当前选中项 - 业务 - vue3

33 阅读1分钟

核心代码

<template>
    <Select @on-open-change="nb" v-model="model" :default-label="model">
        <Option :ref="model===v ? 'selected' : ''" v-for="v in 26" :key="v" :value="v" >{{ v }}</Option>
    </Select>
</template>

<script setup>
import { Select } from 'view-ui-plus';
import { ref , nextTick} from 'vue';
const model = ref(24)
const selected = ref()
const nb=()=>{
    nextTick(()=>{
        document.querySelector('.ivu-select-dropdown').scrollTop =(selected.value[0].$el.offsetTop)
    })
        return true
}
</script>