由于项目需要做实时搜查询数据,所以需要监听input标签的value,这里使用的前端框架vue
这里的重点是:
@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;
}
拓展知识:Vue 监听多个input框是否都存在值的方法
如下所示:
<div class="inner clear">
<input type="text" placeholder="第二个输入框" v-model="input2">
<div class="inner clear">
<input type="text" placeholder="第三个输入框" v-model="input3">