可以使用v-model指令将表单项与数据绑定,当需要手动更新表单项的值时,可以直接修改数据,表单项的值会自动更新。例如:

<template>
  <form>
    <label>姓名:</label>
    <input v-model="name" />
    <label>年龄:</label>
    <input v-model="age" />
    <button @click="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      age: ''
    }
  },
  methods: {
    submit() {
      // 手动更新表单项的值
      this.name = '张三'
      this.age = 18
      // 提交表单数据
      // ...
    }
  }
}
</script>
vue20 如何手动更新form表单项的值

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

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