这个例子是 一个动态的form表单
如果在这个页面去修改这个值的时候,如果使用等号(=)去改变这个值的话,动态渲染后的组件中的值就不会响应式的改变。前提是修改proxy代理的响应式值
错误的代码片段:
//formDataObj vue3 reactive定义
const setFormData = (formData) => { //设置表单数据
formDataObj = formData;
};
正确的代码片段:
const setFormData = (formData) => { //设置表单数据
overwriteObj(formDataModel,formData)
};
这样就不会失去响应式,所以在改变 formDataModel的值的时候,渲染的组件中也可以动态的改变。