javascript - vue中input的blur影響了下拉的點(diǎn)擊事件如何解決
問(wèn)題描述
<input type='search' autocomplete='off' name='search' value='' @focus='inFocus()' @blur='inBlur()' v-model='val' @keydown.enter='search()'><ul v-show='headerStatus'> <li v-for='item in results'><p> <span @click='searchClick($event)'>{{item.name}}</span> <span class='item-num'>約有{{item.number}}件</span></p> </li></ul>我原意是點(diǎn)擊這個(gè)input后,有一個(gè)下拉菜單,點(diǎn)擊下拉菜單觸發(fā)searchClick進(jìn)行搜索,但是點(diǎn)擊下拉菜單后,input的blur就觸發(fā)了,下拉菜單消失,無(wú)法觸發(fā)點(diǎn)擊事件,應(yīng)該如何解決,前提要點(diǎn)擊空白處會(huì)消失下拉。
問(wèn)題解答
回答1:在searchClick($event)中加一個(gè)$event.preventDefault();
相關(guān)文章:
1. android - 用textview顯示html時(shí)如何寫imagegetter獲取網(wǎng)絡(luò)圖片2. javascript - table列過(guò)多,有什么插件可以提供列排序和選擇顯示列的功能3. showpassword里的this 是什么意思?代表哪個(gè)元素4. javascript - windows下如何使用babel,遇到了困惑5. JavaScript事件6. python - 為什么正常輸出中文沒(méi)有亂碼,zip函數(shù)之后出現(xiàn)中文編程unicode編碼的問(wèn)題,我是遍歷輸出的啊。7. javascript - js中向下取整8. android - rxjava多線程并發(fā)怎么控制順序9. 對(duì)mysql某個(gè)字段監(jiān)控的功能10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
