vue 手动/局部刷新组件-白红宇

vue 手动/局部刷新组件

阅读量：787 次

发布时间：2019-03-24

本文共 275 字，大约阅读时间需要 1 分钟。

使用场景

当需要在点击按钮或某变量发生变化时，在不刷新整个页面的情况下，局部刷新（重绘）图表或重新加载子组件时，以下方案可以有效实现。

实现方案

在需要局部刷新的组件上，可以通过以下方式实现：

在组件的data选项中，将show的默认值设置为true，以便第一次渲染时组件能够正常显示。

当点击事件发生时，首先将show变量设置为false，随后在this.$nextTick周期中，将show变量设置回true。这样可以在不触发浏览器刷新的情况下，重新渲染目标组件。

完整的范例代码

父组件：

子组件 test1：

转载地址：http://sqmkk.baihongyu.com/

你可能感兴趣的文章

python stdout flush_sys.stdout.flush（）方法的用法

python string 运算

Python str与bytes之间的转换

Python subprocess ffmpeg

python subprocess Permission denied Errno 13

Python subprocess.call - 将变量添加到 subprocess.call

Python Subprocess.Popen 从一个线程

Python subprocess.Popen 作为 Windows 上的不同用户

Python subprocess.Popen() 等待完成

Python sum 二维列表中具有相同第一个值的元素

Python Sympy模块NoConversion：收敛到根失败；请尝试n＜；15或MaxSteps＞；50

python time模块

Python Tkinter Multiple Windows 教程

Python tkinter 中的多处理

python try except finally_Python3基础 try-except-finally 的简单示例

Python tweepy写入到sqlite3 db

Python TypeError:格式字符串的参数不足

Python UI自动化测试Page Objects企业级实战

Python UI自动化测试三方库扩展详解

python谷歌翻译，2021年9月10日亲测可用，一次可以翻译十万，强烈star