您好,欢迎来到微智科技网。
搜索
您的当前位置:首页vue中的input使用e.target.value赋值的问题

vue中的input使用e.target.value赋值的问题

来源:微智科技网
vue中的input使⽤e.target.value赋值的问题

很久不写博客了。。。

vue中对表单的处理,相对原⽣js,增加了⼀个双向绑定的语法糖:v-model。官⽅⽂档⾥有⼀段:

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值⽽总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件

的 data 选项中声明初始值。

这段话很重要。我们知道,input有各种原⽣事件(oninput,onchange等),⽽原⽣事件⾥可以⽤e.target.value对输⼊框进⾏赋值。这时候就有个问题了,对e.target.value渎职和v-model绑定的数据直接修改有什么冲突吗?答案是有的,有可能造成数据不统⼀的情况:页⾯上显⽰的值与绑定的值不⼀致。如果要进⾏校验等操作,可以修改v-model绑定的值,⽽不是修改e.target.value。

  上⾯这个例⼦⾥就会出现数据不统⼀的情况。页⾯显⽰6,⽽获取this.value真实值是。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 7swz.com 版权所有 赣ICP备2024042798号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务