vue监听input标签的value值

最新推荐文章于 2024-07-17 00:56:10 发布

FANKYIXUN

最新推荐文章于 2024-07-17 00:56:10 发布

阅读量1w

点赞数 6

本文链接：https://blog.csdn.net/FANKYIXUN/article/details/80613172

版权

由于项目需要做实时搜查询数据,所以需要监听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;
}