博客
关于我
vue 手动/局部刷新组件
阅读量:787 次
发布时间:2019-03-24

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

使用场景

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

实现方案

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

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

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

  • 完整的范例代码

    父组件:

    子组件 test1:

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

    你可能感兴趣的文章
    m_Orchestrate learning system---二十二、html代码如何变的容易
    查看>>
    M×N 形状 numpy.ndarray 的滑动窗口
    查看>>
    m个苹果放入n个盘子问题
    查看>>
    n = 3 , while n , continue
    查看>>
    n 叉树后序遍历转换为链表问题的深入探讨
    查看>>
    N!
    查看>>
    N-Gram的基本原理
    查看>>
    n1 c语言程序,全国青少年软件编程等级考试C语言经典程序题10道七
    查看>>
    Nacos Client常用配置
    查看>>
    nacos config
    查看>>
    Nacos Config--服务配置
    查看>>
    Nacos Derby 远程命令执行漏洞(QVD-2024-26473)
    查看>>
    Nacos 与 Eureka、Zookeeper 和 Consul 等其他注册中心的区别
    查看>>
    Nacos 单机集群搭建及常用生产环境配置 | Spring Cloud 3
    查看>>
    Nacos 启动报错[db-load-error]load jdbc.properties error
    查看>>
    Nacos 报Statement cancelled due to timeout or client request
    查看>>
    Nacos 注册服务源码分析
    查看>>
    Nacos 融合 Spring Cloud,成为注册配置中心
    查看>>
    Nacos-注册中心
    查看>>
    Nacos-配置中心
    查看>>