可以使用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方法会重新验证表单项并更新表单项的值。

vue20 在form表单中el-input失焦后改变这个表单项的内容

原文地址: http://www.cveoy.top/t/topic/bujb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录