我用VUE3+Element Plus写了一个用来提交数据的表单页,需求是希望先查一下后台数据接口,有值就用后台传值初始化表单,没有值就显示空表单。
我的做法是在onMounted里面用Axios查一下后台接口,有数据就给表单绑定的data对象赋值。
但是有两个问题:
1、对象虽然赋值了,表单输入框里并没有显示相应的值,用鼠标点一下会显示出值来,没点就是空的。
2、点一下提交按钮,表单里的值会显示出来,但是虽然值是符合验证规则的,校验还是会显示不通过。
请问我这个需求的实现思路是什么呢?
如果是赋值改变了视图没更新 你试试不是用的this.$set赋值呢
解决了,我原来是直接把后台传过来的对象赋值给表单数据对象,这样不行
现在改成把里面的属性复制给表单数据对象了就可以了。
原来的代码:vdata = data
现在改成:Object.assign(vdata, data)