vue数据更新视图不渲染

最新推荐文章于 2024-08-20 09:29:00 发布

CahierX

最新推荐文章于 2024-08-20 09:29:00 发布

阅读量2.2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_35493664/article/details/88913612

版权

在Vue中遇到一个问题，需要在已有formData数据基础上新增noWritedNum属性并赋值，该值依赖于另一个请求。尝试了三种方法：直接在请求后赋值并使用Vue.set更新视图失败；尝试将noWritedNum存入独立变量并与formData循环同步处理，因异步请求导致数据混乱；最终成功的方法是在formData加载后，通过一个独立的method方法，循环formData.id并使用Vue.set更新属性，从而触发视图渲染。

摘要由CSDN通过智能技术生成

现在有这样一串数据（formData）

现在的需求是这串数据已经渲染完毕，但是我要往每列数据里面新增一个noWritedNum属性并赋值，因为这个属性的值在另外一个请求的结果中，这个请求需要formData中的id作为参数。我于是尝试了下面几种方法。

第一种方法（失败）：

在获取formData时拿到id，写个for循环去请求noWritedNum（id），嗯，，，请求成功了，也返回数据了，也赋给formData了，but！！视图没有更新什么鬼，然后使用console.log输出formData发现在我的noWritedNum数据还未返回时视图就已经渲染了。。。。然后我去尝试使用Vue.set更新数据，视图依然未更新。。（还未发现原因，大佬看到麻烦说下嘛）。然后就放弃了这个方法

第二种方法（失败）：

我重新定义一个变量专门保存noWritedNum的结果，这样在把这个结果循环出来不久行了嘛，假装是从formData中循环出来的~~撸起袖子加油干，然后，，，问题来了我发现我formData里面有十行数据，在我使用for循环的时候，因为我是用的axiosÿ