el-input oninput 没值
时间: 2023-12-12 09:32:34 浏览: 74
根据提供的引用内容,你曾经将`οninput=“value=value.replace(/[^\d]/g,‘’)”`改成了`οninput=“handleOninput” handleOninput(value) { value=value.replace(/[^\d]/g,‘’) }`,但是控制台老是报错。后来你又将其改成了`v-on:input=“handleOninput” @blur=“form.Id=$event.target.value”`,这样视图和数据就同步更新了。但是当你输入其他类型的值时,如字母、拼音、特殊字符,数据没有实时更新,也就是视图更新了,但是数据未更新。你想通过断点进去看一下,但是发现`el-input oninput`没有值。
根据你提供的信息,可能是`handleOninput`函数中的代码没有正确执行。你可以在`handleOninput`函数中添加`console.log`语句,以便在控制台中查看函数是否被正确调用。此外,你还可以使用Vue.js提供的`v-model`指令来实现数据的双向绑定,这样可以避免手动更新数据的问题。
相关问题
el-input oninput
el-input的oninput属性是用来绑定输入框的输入事件的。可以通过oninput来监听输入框的值变化,并执行相应的操作。在引用中给出了两种使用方法,一种是直接在输入框元素中添加oninput属性,另一种是通过@input来绑定事件。无论哪种方法,都可以在事件处理函数中对输入框的值进行处理。引用中给出了一个示例,使用v-on:input来绑定事件,并在事件处理函数中对输入框的值进行特定的处理。引用中也给出了一个示例,使用on-icon-click来绑定事件,实现点击图标触发事件的效果。
el-input oninput使用变量
el-input的oninput事件可以使用变量。你可以在oninput事件中使用变量来处理输入的值。下面是一个示例:
```html
<template>
<div>
<el-input v-model="inputValue" @input="handleInput"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
// 在这里可以使用this.inputValue来处理输入的值
console.log(this.inputValue);
}
}
}
</script>
```
在上面的示例中,我们使用了v-model指令将el-input的值绑定到了inputValue变量上。然后,在handleInput方法中,我们可以使用this.inputValue来处理输入的值。你可以根据需要对输入的值进行任何操作,比如替换、校验等。
阅读全文
相关推荐
















