Vue blur事件優先級高於click事件

今天寫了一個select 框，用css focus 控制下拉框的展示。但是發現下拉框的列表不能點擊，

原因：blur事件優先級高於click事件

解決方案：將 click 修改為 mousedown 

<div class="select-box"  >
  <p :key="1" @mousedown.stop="selectClick('職工教師')">職工教師</p>
  <p :key="2" @mousedown.stop="selectClick('學生')">學生</p>
  <p :key="3" @mousedown.stop="selectClick('社會人士')">社會人士</p>
</div>

mousedown 事件優先於blur事件