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

叁歲伎倆 2023-10-18 07:16 106阅读 0赞

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

  1. <input type="search" v-model="keyword" placeholder="搜索你想要的内容" autocomplete="off" v-on:input="listenKeyword">
  3. <script>
  4. export default{
  5.     data(){
  6.         return {
  7.             keyword:''
  8.         }
  9.     },
  10.     methods:{
  11.         listenKeyword(){
  12.            if(this.keyword.length==0){
  13.                 //do something
  14.            }
  15.        }
  16.     }
  17. }
  18. </script>

发表评论

表情：
评论列表 （有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue事件监听

    一、vue @事件.native和@事件.stop和@事件.self： 1、native原生点击事件：给vue组件绑定原生事件时候，必须加上native ，否则会认为监听的是

    Dear 丶Dear 丶/ 0 赞/ 99 阅读

    相关 vue监听input输入

    想用vue监听input的输入，但是又懒得引入jquery，去网上查了资料，才找到方法。 实现方法如下。 ![70][]用v-on来绑定，然后就可以动态获取input的值了

    以你之姓@以你之姓@/ 0 赞/ 367 阅读