由於專案需要做實時搜查詢資料,所以需要監聽input標籤的value,這裡使用的前端框架vue

<input id="materialSearch" type="text" @keyup.enter="search" @input="search($event)"/>

這裡的重點是：@input="search($event)"，表示當文字框有內容輸入時,則呼叫search方法

/*模糊搜尋*/
search: function (event) {
    //方法一：直接通過event.data可以獲得文字內容
if(event.data!=null){
        this.materialName 
 
= event.data;}
    //方法二：獲取DOM物件取value值
this.materialName = event.currentTarget.value;
//方法三：通過js獲取
this.materialName = document.getElementById("materialSearch").value;
}