一月快要结束了 O(∩_∩)O~
input失去焦点的时候,如何取得input框的值
需求描述:有这样一个表格(表格组件),表格中有几列中是包含input这个输入框的,之前使用的是v-model,现在需要添加一些校验,我想到的就是在input输入框失去焦点的时候,用个函数去处理,这个函数的形参包括,该行所在的下标,input框中的内容,那下面的问题就是关于如何得到input框内的内容
关于如何得到input框内的内容
首先传入this.value这个可是行不通的哦,为undefined,下面说得到value值得方式吧
1.传入$event
,在处理函数中通过ev.target.value
得到input中的值
<input v-bind:value="val" @blur="checkValue(rowIndex, $event)"/>
checkValue(rowIndex, ev) {
// ev.target.value
}
2.利用ref,在处理函数中通过this.$refs.ref.value得到input的值
<input type="text" ref="input">