vue中destroyed方法及使用示例讲解

 更新时间:2023年06月07日 09:52:19   作者:亲爱的阿乾  
这篇文章主要为大家介绍了vue中destroyed方法及使用示例讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

// 移除监听事件

destroyed() {
 window.removeEventListener('resize', this.resizeWin)
}

// 移除对dom的操作

destroyed() {
 $("body").removeClass('maven-select');
}

// 由于EventBus不会凭空消失,所以需要销毁EventBus相关定义的事件,否则一直会以指数型方式触发 $emit

destroyed() {
 bus.$off('get', this.myhandle)
}

// 销毁VueX中存储的数据,否则页面不刷新,在页面刚渲染时,一直展示的是上次的数据

destroyed() {
 this.$store.dispatch("cleartList");
}

// 清空浏览器localStorage种植的某些变量

destroyed() {
 window.localStorage.removeItem("ID");
}

// 销毁定时器

destroyed() {
 clearInterval(this.timer);
 this.timer = null;
}

// beforeDestroy 移除echarts的所有鼠标事件以及清空会话

beforeDestroy() {
 this.chartDom.off('click');
 this.chartDom.clear();
}

以上就是vue中destroyed方法及使用示例讲解的详细内容,更多关于vue destroyed方法的资料请关注脚本之家其它相关文章!

相关文章

  • vue模块拖拽实现示例代码

    vue模块拖拽实现示例代码

    这篇文章主要介绍了vue模块拖拽实现示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • Vue3 将组件手动渲染到指定元素中的方法实现

    Vue3 将组件手动渲染到指定元素中的方法实现

    本文主要介绍了Vue3 将组件手动渲染到指定元素中的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 解决Antd输入框卡顿问题以及Pubsub.js的使用方式

    解决Antd输入框卡顿问题以及Pubsub.js的使用方式

    这篇文章主要介绍了解决Antd输入框卡顿问题以及Pubsub.js的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • VUE 使用canvas绘制管线管廊示例详解

    VUE 使用canvas绘制管线管廊示例详解

    这篇文章主要为大家介绍了VUE 使用canvas绘制管线/管廊实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • vue高德地图JS API实现海量点标记示例

    vue高德地图JS API实现海量点标记示例

    本文主要介绍了vue高德地图JS API实现海量点标记示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 离线搭建vue环境运行项目完整步骤

    离线搭建vue环境运行项目完整步骤

    这篇文章主要给大家介绍了关于离线搭建vue环境运行项目的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • 快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案

    快速解决Error: error:0308010C:digital envelope ro

    因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,下面通过本文给大家分享快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案,感兴趣的朋友一起看看吧
    2024-02-02
  • Vue3 封装扩展并简化Vuex在组件中的调用问题

    Vue3 封装扩展并简化Vuex在组件中的调用问题

    这篇文章主要介绍了Vue3 封装扩展并简化Vuex在组件中的调用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • vuex 的简单使用

    vuex 的简单使用

    vuex是一个专门为vue.js设计的集中式状态管理架构。这篇文章主要介绍了vuex 的简单使用,需要的朋友可以参考下
    2018-03-03
  • Vue3 封装 element-plus 图标选择器实现步骤

    Vue3 封装 element-plus 图标选择器实现步骤

    这篇文章主要介绍了Vue3 封装 element-plus 图标选择器,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09

最新评论