获取输入值失败的解决方法

Question

当我在输入框中输入值并提交时，必填项校验失败，系统提示参数为空，提示我输入值。获取输入值的代码如下： （见C栏的解决方案） 你能给我一些建议吗？

Answer 1

可能的原因是取值方式不正确。导致无法获取输入框中的值

使用onchange事件给模型赋值，获取输入框的值。方法如下：

1. 初始化模型。

   data:{
       accountValue:''
   }

2. 给输入框绑定一个事件

  <input @change="getAccountValue" value="{{accountValue}}"></input>

3. 分配一个值。

getAccountValue: function(e) {
       this.accountValue = e.value // Here, e.value instead of e.target.attr.value is used.
   }

参考官方文档而不是生成一个JavaScript对象进行编码。 JavaScript 对象可能会导致兼容性问题。 目前快应用的数据绑定方式是单向的

1. 输入框中输入的值不会改变数据中accountValue的值

2. 如果通过设置this.accountValue为xxx改变输入框的值，则不会触发输入的onchange事件

3. 在this.accountValue = xxx格式中，如果accountValue改变前后的值相同，则不会重新渲染页面。