vue3,封装一个很长的表单,数据如何双向绑定?-灵析社区

silennn

子组件: import { ref, toRefs } from 'vue'; const props = defineProps({ modelValue: Object }); const emit = defineEmits(); const form = ref({ ...props.modelValue }); // 初始化 form 数据 const updateForm = (key, value) => { form[key] = value; emit('update:modelValue', { ...form }); } 父组件: import { ref } from 'vue'; const formData = ref({a: '', b: '', c: '', d: '', e: ''}); // 初始化数据 watchEffect(async () => { const res = await ajax(); formData.a = res.a; // ... 其他字段更新 });

阅读量:1

点赞量:0

问AI