用vue做下拉框組件,想在點(diǎn)擊下拉框的那個(gè)div之外隱藏下拉框。我想在此div中綁定blur事件實(shí)現(xiàn),但是沒有用。網(wǎng)上看到div本身沒有blur事件,需要添加屬性tabIndex后方可用blur,試了但是依然沒有用。請(qǐng)問各位前輩有好的方法嗎?<template> <div class="dropdown" :tabIndex='1' @blur="alert(1)"> <input class="input-drop" @click="showDropDown" :value="selectedName" @keydown.down="changeDown"`請(qǐng)輸入代碼` @keydown.up.prevent="changeUp" placeholder="請(qǐng)選擇:" /> <ul class="ul-dropdown" v-show="isShow" > <li class="li-dropdown" v-for="(item,index) in optObj.dropItems" @click="chooseItem(index)" :class="{active:nowIndex===index,'nowItemBg':nowIndex===index}" :name="item">{{item}}</li> </ul> <div class="nodata" v-show="optObj.dropItems.length==0">暫無數(shù)據(jù)...</div> </div></template>
vue怎么給div綁定blur事件
拉風(fēng)的咖菲貓
2018-10-09 10:21:54