【vue】变更vue字段数据改变，视图没更新

视图更新问题解析

最新推荐文章于 2025-04-15 22:17:30 发布

原创最新推荐文章于 2025-04-15 22:17:30 发布 · 931 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

杂七杂八专栏收录该内容

85 篇文章

订阅专栏

本文探讨了一个常见的前端问题，即后台向前台传递数据并添加新数据后，视图未能及时更新显示新数据的情况。通过对比原始和修改后的代码，详细分析了问题所在，并提供了具体的解决方案。

遇到的情况是，后台传给前台时，直接整个赋值了，又添加一个数据，但是没有显示新添加的数据，视图没有更新

原：

vm.menu = r.data;
vm.menu.gateWayName=null;

修改后：

            $.get("../info/" + id, function (r) {
                vm.showList = false;
                vm.title = "修改";

                var dataItem=r.data;
                vm.menu.routeRuleid=dataItem.routeRuleid;
                vm.menu.gateWayName=null;
            });