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 中定义方法页面上使用
vue中定义方法的格式为什么要这样定义最近在学习前段,特别是HBuildX 我看里面很多方式都是这样使用,所以想强加练习如何引用当然我们的editArticle也可以直接放到js中,如下: 都 ...
vue中的方法 methods 定义时不要使用箭头函数
今天在vue中引入vuex的时候出现了错误,解决了一个多少时,总结如下: vuex 的使用: vuex就是一个状态管里中心也好比一个仓库细分可分为五个部分,这是我不考虑 module 分别是 st ...
高德地图货车路径规划JS API以及WEB API在VUE中使用方法
做一个路径规划系统,使用到了高德地图的API以及VUE,而路径规划方面在高德地图中,货车的接口使用次数是极为有限的,研究了一段时间,所以使用的时候要谨慎一点次数. 本文记录一下高德地图的JS API和 ...
vue中的方法如何暴露给webview，使安卓和iOS可以调用
新建一个外部公共的js文件app.js,定义一个对象并输出,如下: var hybrid = {} window.Hybrid = hybrid if (window.Vue) { // 自动绑定 w ...
vue接收索引_前端开发：Vue中findIndex() 方法的使用
前端开发过程中对数据的遍历是非常常见的操作,在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种:some()和findIndex() ,二者都是通过遍历数组里面的id值来进行操 ...
js中调用vue中的方法
1.在vue的钩子函数中将需要调用的函数赋值给window. mounted() {//将Vue方法传到全局对象window中window.updateSocket = this.onSubmit; ...
前端开发：Vue中findIndex() 方法的使用
前端开发过程中对数据的遍历是非常常见的操作,在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种:some()和findIndex() ,二者都是通过遍历数组里面的id值来进行操 ...
jq中如何调用vue中的方法
vue: var app = new Vue({el:'#main',data:{},method:{fn:function(){} }jq: $('#main').click(function(){ ...
vue中Number方法将字符串转换为数字
写法:Number(变量名).例如: var a="100"; //字符串 alert(Number(a)+100); //结果是200 具体情况: 1.如果字符串前面带有0或者其 ...

vue中destroyed方法的使用

vue中destroyed方法的使用相关推荐

最新文章

热门文章