js 修改vue中input值,双向绑定失败

vue 是通过input事件来触发双向绑定的,而你用单纯的js 去修改input值,并没有触发他的input事件,通过下方代码,进行触发即可。两种方式选其一即可。

1.  event.target.dispatchEvent(new Event('input'));

2.  el.dispatchEvent(new Event('input'));

其实input值中的value属性和v-model属性是有一定差异的。

input中v-model和value不能同时调用,可能会有问题

当使用如上代码时,输入框内并没有显示“请输入地名地址”字样,其原因是:

v-model官方给出的说发是:这其实是一个简写的形式,v-model实际执行的是下面的绑定: v-model是动态绑定值到value,然后监听input的inpit事件获取值后赋给dataA的一个过程。因此默认的value不会显示,仅会在初始化渲染时短暂显示。 

你可能感兴趣的:(js 修改vue中input值,双向绑定失败)