【Vue】解决 Vue 视图不刷新和组件循环引用不加载问题

1.视图不刷新：强制更新视图

场景：

1.当你的一个input绑定的值，是data中开始不存在的，后来新添加的情况，可能你就需要用到这个强制更新了；

2.也可能是项目遗留问题，你来进行修复，不想大动干戈改造，那么就强更吧。

this.$forceUpdate()

引用官网的一句话：

需要用到他的时候，大多数可能是某个地方写错了。

2.递归组件&循环引用组件不加载

场景：

在一个列表页面 A 的新增弹框 C 中，需要引用到该列表 A 进行数据关联（如引用某个字段）。

这时，在 C 中对 A 进行了循环引用，会出现首次刷新无法正常加载（如command + R 或 control + F5 后），可能在你手动改变了页面内容，vue 刷新后加载成功。

这就涉及到了循环引用，需要在声明组件的地方，使用 webpack 的异步 import 操作：

components: {TestComponent: () => import('./test-components.vue')
}

这样，就会在使用到该组件的时候，才对其进行加载。

【Vue】解决 Vue 视图不刷新和组件循环引用不加载问题相关推荐

npm安装vue 解决VUE无法打开图形界面工具，输入vue ui无反应 vue-cli版本2.9.6无法升级 npm uninstall vue-cli卸载时失败
一开始想弄vue的项目管理工具,又安装了cnpm 试了一下: cnpm install -g @vue/cli@3.0 vue ui 输入以后毫无反应. 又试了 cnpm i -g @vue/cli ...
前端学习（2740）：重读vue电商网站50之Element-UI 组件按需加载
通过 CDN 优化 ElementUI 的打包虽然在开发阶段,我们启用了 element-ui 组件的按需加载,尽可能的减少了打包的体积,但是那些被按需加载的组件,还是占用了较大的文件体积.此时,我 ...
如何解决使用JSON.stringify时遇到的循环引用问题
程序员在日常做TypeScript/JavaScript开发时,经常需要将复杂的JavaScript对象通过JSON.stringify序列化成json字符串,保存到本地以便后续具体分析. 然而如果J ...
Vue.js 组件 - 组件间的循环引用
例如:组件A,组件A里有一个子组件C和D,组件C的子组件又引用了组件D,这种情况会报警告循环调用组件时,组件比vue实例后创建,官方文档里写组件必须先于实例化引入,所以说组件没有正确的引入. Vue ...
nstimer循环引用_iOS中解决NSTimer循环引用问题
NSTimer使用不当就会造成内存泄漏,比如常见的使用方法: //定义 @property (nonatomic, strong) NSTimer *timer; //实现 self.timer = ...
python 引用计数循环引用_引用计数无法解决循环引用，CPython为何还使用它？
取消excel表中的循环引用的步2113骤如下:1.打开一个5261Excel文件.打开之后,4102在操作表中的单元格时,1653出现了循环引用警告.2.点击左上角的文件菜单,在出现的菜单中点击 ...
vue使用provide / inject 组合刷新页面+单独组件刷新
原文链接:https://www.cnblogs.com/leng12/p/xiaoleng.html 一.this.$router.go(0) 相当于F5刷新,这种方法虽然代码很少,只有一行,但是体 ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue 组件第一次不渲染问题_解决vue页面渲染但dom没渲染的操作
我就废话不多说了,大家还是直接看代码吧~ this.$nextTick(() => { $("select[name='ddlCostCenter']").select2({ ...

【Vue】解决 Vue 视图不刷新和组件循环引用不加载问题

1.视图不刷新：强制更新视图

2.递归组件&循环引用组件不加载

【Vue】解决 Vue 视图不刷新和组件循环引用不加载问题相关推荐

最新文章

热门文章