vue20 如何手动更新form表单项的值
可以使用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>
原文地址: https://www.cveoy.top/t/topic/bumc 著作权归作者所有。请勿转载和采集!