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

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

使用场景

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

实现方案

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

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

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

  • 完整的范例代码

    父组件:

    子组件 test1:

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

    你可能感兴趣的文章
    php检查注册,PHP检查注册的电子邮件地址是一个’school.edu’地址
    查看>>
    php模拟发送GET和POST请求
    查看>>
    RabbitMQ - 以 MQ 为例,手写一个 RPC 框架 demo
    查看>>
    php模板引擎smarty
    查看>>
    php正则表达式模式
    查看>>
    php正则表达式的特殊字符含义
    查看>>
    PHP正则表达式获取武汉市的实时pm2.5数据并邮件发送phpmailer
    查看>>
    RabbitMQ + JMeter组合,优化你的中间件处理方式!
    查看>>
    PHP水仙花问题解法之一
    查看>>
    php没有解析是怎么回事,linux下php文件没有被剖析怎么办?_后端开发
    查看>>
    php注册页面实现注册后跳转页面
    查看>>
    PHP消息队列的实现方式与详解,值得一看
    查看>>
    PHP混合Go协程并发
    查看>>
    php源码中如何添加滚动公告,给WordPress网站添加滚动公告的方法
    查看>>
    PHP源码安装后如何新增模块
    查看>>
    php源码详细安装步骤,linux下php源码安装步骤
    查看>>
    php漏洞tips
    查看>>
    php版Zencoding之 phpstorm
    查看>>
    PHP版本升级5.4手记
    查看>>
    php版本升级总结
    查看>>