151 vuetify v-textarea 스크롤 이벤트

source: categories/study/vue-experiance/vue-experiance_9-99_52.md

151 vuetify v-textarea 스크롤 이벤트

<v-textarea
	outlined
	readonly
	label="안전수칙"
	:value="safetyInstructions"
	hide-details
	@scroll="checkScrollPosition"
></v-textarea>

<script lang="ts">
    import Vue from 'vue';
    
    export default Vue.extend({
        methods: {
            checkScrollPosition(event: UIEvent) {
                if (
                    (event.target as HTMLTextAreaElement).scrollTop + 
                    (event.target as HTMLTextAreaElement).getBoundingClientRect().height ===
                    (event.target as HTMLTextAreaElement).scrollHeight
                ) {
                    this.isReadSafetyInstructions = true;
                }
            },
        }
    })
</script>