<template> <div class="drop-list drop-list-lang" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)"> <!-- 登陆下拉样式 --> <span @click="onNavHandler()"> 中 | EN </span> <div class="list"> <!-- <div class="space"></div> --> <div class="triangle-up" :class="{'opacity1':listVisible}"></div> <ul ref="ul"> <li :class="{'act':item.value == locale}" v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li> </ul> </div> </div> </template> <script src="./dropdown-lang.js"></script> <style lang="scss" scoped> @import "./dropdown-lang.scss"; </style>