美文网首页
关于v-model实现

关于v-model实现

作者: 巴拉巴啦 | 来源:发表于2018-07-26 10:21 被阅读39次

    v-model

     <input type="text" v-model="message">
        {{message}}
    

    仅仅是一个语法糖

     <input type="text" @input="message=$event.target.value" :value="message">
        {{message}}
    

    vue 的 v-on:input 事件到底是什么?是 onchange 吗?

    Vue 官网的教程里说了 <input v-model="sth /> 只是语法糖,实际上是这么实现的:

    <input v-bind:value="sth" v-on:input="sth = $event.target.value" />
    

    那么 :input 事件是在哪定义的呢?都没定义为什么能直接用 :input 事件?

    问题解决了,原来 input 有个 oninput 事件

    相关文章

      网友评论

          本文标题:关于v-model实现

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