.vue文件中监听input输入事件-oninput

最新推荐文章于 2024-09-05 11:20:40 发布

原创最新推荐文章于 2024-09-05 11:20:40 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Vue项目中使用v-on:input监听input元素的变化，并执行相应的处理函数。通过实例代码展示了当输入框内容发生变化时，触发的方法及可能进行的操作。

.vue文件中监听input输入事件-oninput

<input type="search" v-model="keyword" placeholder="搜索你想要的内容" autocomplete="off" v-on:input="listenKeyword">

<script>
export default{
    data(){
        return {
            keyword:''
        }
    },
    methods:{
        listenKeyword(){
           if(this.keyword.length==0){
                //do something
           }
       }
    }
}
</script>