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>