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

vue 手动/局部刷新组件

阅读量：787 次

发布时间：2019-03-24

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

使用场景

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

实现方案

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

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

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

完整的范例代码

父组件：

子组件 test1：

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

你可能感兴趣的文章

Mysql 脏页脏读脏数据

mysql 自增id和UUID做主键性能分析，及最优方案

Mysql 自定义函数

mysql 行转列列转行

Mysql 表分区

mysql 表的操作

mysql 视图，视图更新删除

MySQL 触发器

mysql 让所有IP访问数据库

mysql 记录的增删改查

MySQL 设置数据库的隔离级别

MySQL 证明为什么用limit时，offset很大会影响性能

Mysql 语句操作索引SQL语句

MySQL 误操作后数据恢复（update,delete忘加where条件）

MySQL 调优/优化的 101 个建议！

mysql 转义字符用法_MySql 转义字符的使用说明

mysql 输入密码秒退

mysql 递归查找父节点_MySQL递归查询树状表的子节点、父节点具体实现

mysql 里对root及普通用户赋权及更改密码的一些命令

Mysql 重置自增列的开始序号