电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

Vue(定時器)解決mounted不能獲取到data中的數據問題

瀏覽:8日期:2022-12-23 09:14:27

vue中data定義

data() { return { isok:10,}}

在vue中使用定時器 如下 mounted是鉤子函數

mounted(){ console.log(this.isok) //能獲取isok 10 setInterval(function(){ console.log(this.isok) //不能獲取 isok}, 3000); }

這是為什么呢?

原因就是:定時器的this是指向 window的。

那有什么方法來解決這個問題呢?答案是有的,兩種

第一種:

用箭頭函數:箭頭函數中的this指向是固定不變(定義函數時的指向),在vue中指向vue;

mounted(){ setInterval(()=>{ consolog.log(this.isok) }, 3000); }

第二種:

使用 var that = this ,就可以正常調用了。

mounted(){ var that=this; setInterval(()=>{ console.log(that.isok) }, 3000); }

補充知識:vue 根據指定字段排序使用computed 方法

我就廢話不多說了,大家還是直接看代碼吧~

<div id='app'> <ul> <li v-for='(stu,index) in students1'>{{stu}}</li> </ul> </div> <script type='text/javascript'> new Vue({ el:'#app', data:{ students:[ {name:'小a',age:20}, {name:'小b',age:21}, {name:'小c',age:18}, {name:'小d',age:19}, {name:'小f',age:18} ] }, computed:{ students1:function(){ return sortKey(this.students,’age’) } } }) function sortKey(array,key){ return array.sort(function(a,b){ var x = a[key]; var y = b[key]; return ((x<y)?-1:(x>y)?1:0) }) } </script>

以上這篇Vue(定時器)解決mounted不能獲取到data中的數據問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 呼末二氧化碳|ETCO2模块采样管_气体干燥管_气体过滤器-湖南纳雄医疗器械有限公司 | LHH药品稳定性试验箱-BPS系列恒温恒湿箱-意大利超低温冰箱-上海一恒科学仪器有限公司 | Q361F全焊接球阀,200X减压稳压阀,ZJHP气动单座调节阀-上海戎钛 | 代做标书-代写标书-专业标书文件编辑-「深圳卓越创兴公司」 | 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | 家德利门业,家居安全门,别墅大门 - 安徽家德利门业有限公司 | 蓄电池在线监测系统|SF6在线监控泄露报警系统-武汉中电通电力设备有限公司 | hdpe土工膜-防渗膜-复合土工膜-长丝土工布价格-厂家直销「恒阳新材料」-山东恒阳新材料有限公司 ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 暖气片十大品牌厂家_铜铝复合暖气片厂家_暖气片什么牌子好_欣鑫达散热器 | 风电变桨伺服驱动器-风电偏航变桨系统-深圳众城卓越科技有限公司 | 圆形振动筛_圆筛_旋振筛_三次元振动筛-河南新乡德诚生产厂家 | 雷冲击高压发生器-水内冷直流高压发生器-串联谐振分压器-武汉特高压电力科技有限公司 | 北京四合院出租,北京四合院出售,北京平房买卖 - 顺益兴四合院 | 苏州柯瑞德货架-仓库自动化改造解决方案 | 顺辉瓷砖-大国品牌-中国顺辉| 浙江工业冷却塔-菱电冷却塔厂家 - 浙江菱电冷却设备有限公司 | 面粉仓_储酒罐_不锈钢储酒罐厂家-泰安鑫佳机械制造有限公司 | atcc网站,sigma试剂价格,肿瘤细胞现货,人结肠癌细胞株购买-南京科佰生物 | 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 招商帮-一站式网络营销服务|搜索营销推广|信息流推广|短视视频营销推广|互联网整合营销|网络推广代运营|招商帮企业招商好帮手 | 扒渣机,铁水扒渣机,钢水扒渣机,铁水捞渣机,钢水捞渣机-烟台盛利达工程技术有限公司 | 液氮罐(生物液氮罐)百科-无锡爱思科 | 江苏密集柜_电动_手动_移动_盛隆柜业江苏档案密集柜厂家 | 不锈钢监控杆_监控立杆厂家-廊坊耀星光电科技有限公司 | 天津热油泵_管道泵_天津高温热油泵-天津市金丰泰机械泵业有限公司【官方网站】 | 空气净化器租赁,空气净化器出租,全国直租_奥司汀净化器租赁 | 不锈钢管件(不锈钢弯头,不锈钢三通,不锈钢大小头),不锈钢法兰「厂家」-浙江志通管阀 | 箱式破碎机_移动方箱式破碎机/价格/厂家_【华盛铭重工】 | 手机游戏_热门软件app下载_好玩的安卓游戏下载基地-吾爱下载站 | AR开发公司_AR增强现实_AR工业_AR巡检|上海集英科技 | 执业药师报名条件,考试时间,考试真题,报名入口—首页 | 储能预警-储能消防系统-电池舱自动灭火装置-四川千页科技股份有限公司官网 | 挖掘机挖斗和铲斗生产厂家选择徐州崛起机械制造有限公司 | 口臭的治疗方法,口臭怎么办,怎么除口臭,口臭的原因-口臭治疗网 | 橡胶粉碎机_橡胶磨粉机_轮胎粉碎机_轮胎磨粉机-河南鼎聚重工机械制造有限公司 | vr安全体验馆|交通安全|工地安全|禁毒|消防|安全教育体验馆|安全体验教室-贝森德(深圳)科技 | 连续油炸机,全自动油炸机,花生米油炸机-烟台茂源食品机械制造有限公司 | 污水处理设备-海普欧环保集团有限公司 | 电动打包机_气动打包机_钢带捆扎机_废纸打包机_手动捆扎机 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | Duoguan 夺冠集团 |