vue20 在form表单中el-input失焦后改变这个表单项的内容
可以使用v-model实现双向绑定,在el-input组件中添加@blur事件,当失焦时触发一个方法,将表单项的内容更新。
例如:
<template>
<el-form ref="form" :model="form">
<el-form-item label="姓名">
<el-input v-model="form.name" @blur="updateName"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
name: ''
}
}
},
methods: {
updateName() {
// 通过$refs获取表单项并更新内容
this.$refs.form.validateField('name')
}
}
}
</script>
在updateName方法中,可以调用表单的validateField方法来更新表单项的内容。validateField方法会重新验证表单项并更新表单项的值。
原文地址: http://www.cveoy.top/t/topic/bujb 著作权归作者所有。请勿转载和采集!