<template>
	<div>
		<div class="drop-list" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
			<span>
				{{sTitle}}
				<i></i>
			</span>
			<div class="list">
				<div class="space"></div>
				<ul v-dpl>
					<li v-for="(item, index) in dataList" :key="index" @click="onClickHandler(index, $event)">{{item[labelProperty]}}</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script src="./dropdown.js"></script>
<style lang="scss" scoped>
@import "./dropdown.scss";
</style>