当前位置: 首页 > Web前端 > HTML

在select下拉框的change事件中设置定时器

时间:2023-03-28 19:58:08 HTML

先看一张图,告诉我需求是选择秒数,定时刷新列表,直接上传代码Refreshregularly:exportdefault{data(){return{refresh:[{value:'1',label:'30seconds'},{value:'2',label:'1minute'},{value:'6',label:'3minutes'},{value:'10',label:'5minutes'}],refres:'1',timer:null,//timer}}}下面开始写methodmethods:{shuaxin(v){//每次定时器开始前清除之前的定时器if(this.timer){clearInterval(this.timer)}this.timer=setInterval(()=>{//获取列表console.log('this是最新的')this.getList()},Number(v)*30000)}},//当然不要忘记在页面销毁时清除定时器destroyed(){clearInterval(this.timer)},以上就是在select下拉框的change事件中设置定时器的做法,如有问题,欢迎指教