uniapp input 双向绑定 清空

代码如上,同学们注意观察,input动态绑定了:value来显示默认值,当你将:value=,当你在textFieldInputed

方法内监听输入的文字是否有效时,就会出现问题。

如果有效,则输入的文本允许显示出来,如果无效,禁止显示出来。这个时候,动态的修改stepData.code无效了,甚至将stepData.code清空后,input仍然显示着已输入的文本。

为了解决这个问题,我们不得不使用vue的动态绑定v-model来进行双向绑定。

改为:

 这个时候再在textFieldInputed方法内验证规则时,如果将stepData.code进行处理后,input则会动态变动了。

你可能感兴趣的:(uniapp,Vue,uni-app,vue.js,java)