美文网首页
vue 监听input的改变

vue 监听input的改变

作者: 虫yu | 来源:发表于2018-08-29 14:49 被阅读34次

    要求:在动态生成的input中,监听input的改变,且是输入结束后,再调用监听方法。

    第一种:

    <div class="goods-input-box" v-for="(item, index) in list">
        <input type="number"  v-model.lazy="item.width"  v-on:change="change(index)" />
    </div>
    
    change: function(index){
        console.log(index);
    },
    

    附注:v-on:input 是输入时监听 input的改变。

    第二种:

     <input  v-model="search" @keyup.enter="search" />
    
    search: function(){
    }
    

    参考资料:
    https://segmentfault.com/q/1010000009966146/a-1020000009966957
    https://blog.csdn.net/tanga842428/article/details/77430020

    相关文章

      网友评论

          本文标题:vue 监听input的改变

          本文链接:https://www.haomeiwen.com/subject/jqtkwftx.html