uni-app中textarea组件

textarea组件,官方给出的监听事件有如下事件:dom

其中必定要注意,当使用 v-model 对表单内容进行双向绑定的时候,@input 事件是在绑定变量变化前触发的,因此若是在input事件内打印绑定变量,会得不到值,由于input执行的时候,v-model绑定的变量还没变化,以下所示:函数

 能够看到,第一次打印的v-model绑定的变量是空的,而第二次打印出来的值倒是第一次输入赋给的值,说明第二次输入尚未形成v-model绑定变量发生变化。spa

 除此以外,注意看@input事件的传值:双向绑定

一般状况下,@input=“input”的写法里,是没有传值的,这个时候,在methods里,input(e){}函数中打印出来的 e.detail.value 就是输入框中实时的内容。blog

可是,假如写方法的时候给 input 一个传值,例如:@input="input(index)"  此时,在methods里,input(index){}函数中打印出来的就是 index 的值。索引

综上,@input方法在没有传值的时候是默承认以取到输入框中实时的内容数据,可是若是主观的添加传值,则取到的就是所传的参数值。这样的状况能够在循环中用来传索引值。事件

tips:那若是在传值的时候又想要索引值又想要实时的输入框内容数据怎么办呢?ip

这个时候能够经过操做dom的方式加上去,写法以下:input

@input="input($event , index)",  在methods里为 input($event , index){},可是须要注意的是,这样的写法,只能在进行输入操做的时候获取到输入框的实时数据,若是是对输入框内容的删减操做,取出来的数据就是null。event

相关文章
相关标签/搜索