用vue做下拉框组件，想在点击下拉框的那个p之外隐藏下拉框。
我想在此p中绑定blur事件实现，但是没有用。
网上看到p本身没有blur事件，需要添加属性tabIndex后方可用blur，试了但是依然没有用。请问各位前辈有好的方法吗？

<template>
    <p class="dropdown" :tabIndex='1' @blur="alert(1)">
        <input class="input-drop" @click="showDropDown" :value="selectedName"  
        @keydown.down="changeDown"`请输入代码` @keydown.up.prevent="changeUp" placeholder="请选择：" />
        <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>
        <p class="nodata" v-show="optObj.dropItems.length==0">暂无数据...</p>
    </p>
</template>