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

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

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

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

改为：

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