vue中 v-model的原理

Vue的v-model使用和原理v-model作用子啊input标签上才会起到相应的作用VueHTML书写&amp;lt;input v-model=&quot;str&quot; type=&quot;text&quot;&amp;gt;Vuejs定义new Vue({data{str:&am

猿小龙

4641人浏览 · 2018-08-28 20:16:58

猿小龙 · 2018-08-28 20:16:58 发布

Vue的v-model使用和原理

v-model作用子啊input标签上才会起到相应的作用

Vue HTML书写

    <input v-model="str" type="text">

Vue js定义

    new Vue({
        data{
            str:"我很帅"
        }
    })

v-model的实现原理

其实实现原理很简单，他是在书写的时候触发oninput事件，所以输入时input的内容会绑定到sth中，于是str的值就被改变

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^