<template>
    <div style="border: 1px black solid; height: 200px; padding: 10px; overflow: auto">
        <div style="padding: 20px">
            <a-select default-value="lucy" style="width: 120px" @change="handleChange" :getPopupContainer="triggerNode => triggerNode">
                <a-select-option value="jack"> Jack </a-select-option>
                <a-select-option value="lucy"> Lucy </a-select-option>
                <a-select-option value="Yiminghe"> yiminghe </a-select-option>
            </a-select>
        </div>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
        <h3>22</h3>
    </div>
</template>
<script>
export default {
    methods: {
        handleChange(value) {
            console.log(`selected ${value}`);
        }
    },
};
</script>
