关于vue.js:Vue-组件强制刷新

Vue组件强制刷新

这篇文章是接上篇文章,本人实现markdown编辑器时,碰到的问题 https://segmentfault.com/a/11…

我右边输出了内容,左边markdown施行更新

强制刷新组件

Vue官网 key的形容
能够查看Vue官网,对于key的形容

以便它能跟踪每个节点的身份,从而重用和从新排序现有元素,你须要为每项提供一个惟一 key attribute:

Vue中的虚构dom树也是依据key的变动,来判断是否刷新组件,这一点很重要,所以咱们就给想要强制刷新的组件加一个key。

而后定义一个办法,专门扭转key的值,就能够强制刷新组件,这种扭转key的形式效率是最高的。

如下例子

<demo-component :key="demoKey" />

data() {
  return {
    // 这里轻易赋值
    demoKey: 0
  }
},
method: {
    // 扭转key从新渲染, 想要从新渲染的时候就调用这个办法
    forceRerender() {
      this.demoKey ='demo-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')
    }
}

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据