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

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

使用场景

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

实现方案

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

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

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

  • 完整的范例代码

    父组件:

    子组件 test1:

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

    你可能感兴趣的文章
    MySQL(5)条件查询 | 单行函数 | 事务详解
    查看>>
    Mysql,group by分组查询、order by排序查询、join连接查询、union联合查询
    查看>>
    Mysql,sql文件导入和导出
    查看>>
    MYSQL:int类型升级到bigint,对PHP开发语言影响
    查看>>
    Mysql:mysql 5.X 报错 ERROR 1193 (HY000): Unknown system variable ‘validate_password_length‘
    查看>>
    MySQL:MySQL执行一条SQL查询语句的执行过程
    查看>>
    Mysql:SQL性能分析
    查看>>
    mysql:SQL按时间查询方法总结
    查看>>
    MySQL:什么样的字段适合加索引?什么样的字段不适合加索引
    查看>>
    MySQL:判断逗号分隔的字符串中是否包含某个字符串
    查看>>
    MySQL:某个ip连接mysql失败次数过多,导致ip锁定
    查看>>
    MySQL:索引失效场景总结
    查看>>
    Mysql:避免重复的插入数据方法汇总
    查看>>
    MyS中的IF
    查看>>
    M_Map工具箱简介及地理图形绘制
    查看>>
    m_Orchestrate learning system---二十二、html代码如何变的容易
    查看>>
    M×N 形状 numpy.ndarray 的滑动窗口
    查看>>
    m个苹果放入n个盘子问题
    查看>>
    n = 3 , while n , continue
    查看>>
    n 叉树后序遍历转换为链表问题的深入探讨
    查看>>