使用vue怎么监听input标签的value值

本篇文章为大家展示了使用vue怎么监听input标签的value值，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都网站建设、江西网络推广、微信小程序、江西网络营销、江西企业策划、江西品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供江西建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

由于项目需要做实时搜查询数据,所以需要监听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框是否都存在值的方法

如下所示：