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

vue 手动/局部刷新组件

阅读量：787 次

发布时间：2019-03-24

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

使用场景

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

实现方案

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

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

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

完整的范例代码

父组件：

子组件 test1：

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

你可能感兴趣的文章

nginx 常用配置记录

nginx 开启ssl模块 [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx

Nginx 我们必须知道的那些事

Nginx 源码完全注释（11）ngx_spinlock

Nginx 的 proxy_pass 使用简介

Nginx 的 SSL 模块安装

Nginx 的优化思路，并解析网站防盗链

Nginx 的配置文件中的 keepalive 介绍

Nginx 相关介绍(Nginx是什么?能干嘛?)

Nginx 知识点一网打尽：动静分离、压缩、缓存、跨域、高可用、性能优化...

nginx 禁止以ip形式访问服务器

NGINX 端口负载均衡

Nginx 结合 consul 实现动态负载均衡

Nginx 负载均衡与权重配置解析

Nginx 负载均衡详解

Nginx 负载均衡配置详解

nginx 配置单页面应用的解决方案

nginx 配置dist 加上跨域配置

nginx 配置https（一）—— 自签名证书

nginx 配置~~~本身就是一个静态资源的服务器