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

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

使用场景

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

实现方案

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

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

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

  • 完整的范例代码

    父组件:

    子组件 test1:

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

    你可能感兴趣的文章
    Python subprocess.Popen 作为 Windows 上的不同用户
    查看>>
    Python转换PPT为PDF
    查看>>
    Python subprocess.Popen() 等待完成
    查看>>
    Python sum 二维列表中具有相同第一个值的元素
    查看>>
    Python Sympy模块NoConversion:收敛到根失败;请尝试n<;15或MaxSteps>;50
    查看>>
    Python sys.MODULES包含尚未导入的模块
    查看>>
    python sys模块使用
    查看>>
    Python tarfile、zipfile解压模块讲解
    查看>>
    python tcp server传输成功之后进行删除_python学习之路(三)使用socketserver进行ftp断点续传...
    查看>>
    python车牌识别系统+车辆管理+计费系统(图像识别)django框架 计算机毕业设计
    查看>>
    Python threading.Thread 只能使用私有方法 self.__Thread_stop() 停止
    查看>>
    python time模块
    查看>>
    Python Tkinter Multiple Windows 教程
    查看>>
    Python tkinter 中的多处理
    查看>>
    python tkinter 按钮颜色_Python3 tkinter基础 Button bg 按钮的背景颜色
    查看>>
    Python Tkinter 笔记本小部件
    查看>>
    Python Tkinter 网格复选框
    查看>>
    Python TLS版本匹配
    查看>>
    python车牌精确定位
    查看>>
    python try except finally_Python3基础 try-except-finally 的简单示例
    查看>>