博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 手动/局部刷新组件
阅读量:781 次
发布时间:2019-03-24

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

使用场景

点击按钮(或某变量改变时),在不刷新整个页面的情况下,局部刷新(重绘)图表,或者重新加载子组件。

实现方案

1. 在需要局部刷新的组件上,加上 v-if = "show" ,show的默认值为 true , 这样第一次渲染页面时,该组件能正常显示

2. 在点击事件中,先将 show 变为 false ,然后在 this.$nextTick 中将 show 变为 true , 这样便实现了组件的局部刷新

methods: {    update() {        this.show = false;        this.$nextTick(            () => {                this.show = true            }        )    }},

完整的范例代码

父组件

子组件 test1

 

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

你可能感兴趣的文章