鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ vue如何監(jiān)聽(tīng)失去焦點(diǎn)事件

vue如何監(jiān)聽(tīng)失去焦點(diǎn)事件

首先，源代碼是這樣的

input(v-model="num" @keyup="search") # 輸入框
.prompt(v-show="lists!=0") # 提示信息索引框
  .list(v-for="(i,n) in lists" :key="n") {{i.name}}

vue如何監(jiān)聽(tīng)輸入框失去焦點(diǎn)的時(shí)候讓提示信息索引框隱藏

prompt身上已經(jīng)有一個(gè)v-show了，如果再加一個(gè)事件的話應(yīng)該加到誰(shuí)的身上

圖片描述

回答
編輯回答
影魅

@blur="fun()"

2017年3月4日 11:55
編輯回答
艷骨

現(xiàn)在你也知道@blur失去焦點(diǎn)觸發(fā)fun(),fun()里隱藏提示信息，你主要不明白就是fun()函數(shù)中如何隱藏提示信息搜索框，可以定義一個(gè)flag設(shè)為true或false，分別表示顯示或隱藏，函數(shù)中改變flag即可

2017年6月26日 11:18