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

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

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

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

vue中data定義

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

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

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

這是為什么呢?

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

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

第一種:

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

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

第二種:

使用 var that = this ,就可以正常調(diào)用了。

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

補充知識:vue 根據(jù)指定字段排序使用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中的數(shù)據(jù)問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標簽: Vue
相關文章:
主站蜘蛛池模板: 防腐木批发价格_深圳_惠州_东莞防腐木厂家_森源(深圳)防腐木有限公司 | 压滤机滤板_厢式_隔膜_板框压滤机滤板厂家价格型号材质-大凯环保 | 附着力促进剂-尼龙处理剂-PP处理剂-金属附着力处理剂-东莞市炅盛塑胶科技有限公司 | 布袋除尘器-单机除尘器-脉冲除尘器-泊头市兴天环保设备有限公司 布袋除尘器|除尘器设备|除尘布袋|除尘设备_诺和环保设备 | 焊接减速机箱体,减速机箱体加工-淄博博山泽坤机械厂 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 工业风机_环保空调_冷风机_工厂车间厂房通风降温设备旺成服务平台 | 液晶拼接屏厂家_拼接屏品牌_拼接屏价格_监控大屏—北京维康 | 中红外QCL激光器-其他连续-半导体连续激光器-筱晓光子 | 档案密集架,移动密集架,手摇式密集架,吉林档案密集架-厂家直销★价格公道★质量保证 | 无锡网站建设_小程序制作_网站设计公司_无锡网络公司_网站制作 | 德国UST优斯特氢气检漏仪-德国舒赐乙烷检测仪-北京泽钏 | 专业深孔加工_东莞深孔钻加工_东莞深孔钻_东莞深孔加工_模具深孔钻加工厂-东莞市超耀实业有限公司 | 东莞工作服_东莞工作服定制_工衣订做_东莞厂服 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | 光栅尺厂家_数显表维修-苏州泽升精密机械 | 冷藏车-东风吸污车-纯电动环卫车-污水净化车-应急特勤保障车-程力专汽厂家-程力专用汽车股份有限公司销售二十一分公司 | 球磨机 选矿球磨机 棒磨机 浮选机 分级机 选矿设备厂家 | 品牌策划-品牌设计-济南之式传媒广告有限公司官网-提供品牌整合丨影视创意丨公关活动丨数字营销丨自媒体运营丨数字营销 | 宜兴市恺瑞德环保科技有限公司 | 阜阳在线-阜阳综合门户 | CE认证_FCC认证_CCC认证_MFI认证_UN38.3认证-微测检测 CNAS实验室 | 旅游规划_旅游策划_乡村旅游规划_景区规划设计_旅游规划设计公司-北京绿道联合旅游规划设计有限公司 | 底部填充胶_电子封装胶_芯片封装胶_芯片底部填充胶厂家-东莞汉思新材料 | 自动记录数据电子台秤,记忆储存重量电子桌称,设定时间记录电子秤-昆山巨天 | 学习安徽网| 地源热泵一体机,地源热泵厂家-淄博汇能环保设备有限公司 | 阴离子聚丙烯酰胺价格_PAM_高分子聚丙烯酰胺厂家-河南泰航净水材料有限公司 | 锂电混合机-新能源混合机-正极材料混料机-高镍,三元材料混料机-负极,包覆混合机-贝尔专业混合混料搅拌机械系统设备厂家 | 西安微信朋友圈广告投放_微信朋友圈推广_西安度娘网络科技有限公司 | 氮化镓芯片-碳化硅二极管 - 华燊泰半导体 | 中视电广_短视频拍摄_短视频推广_短视频代运营_宣传片拍摄_影视广告制作_中视电广 | 天长市晶耀仪表有限公司 | 没斑啦-专业的祛斑美白嫩肤知识网站-去斑经验分享 | 安平县鑫川金属丝网制品有限公司,防风抑尘网,单峰防风抑尘,不锈钢防风抑尘网,铝板防风抑尘网,镀铝锌防风抑尘网 | 无线讲解器-导游讲解器-自助讲解器-分区讲解系统 品牌生产厂家[鹰米讲解-合肥市徽马信息科技有限公司] | 超声波清洗机_大型超声波清洗机_工业超声波清洗设备-洁盟清洗设备 | 净水器代理,净水器招商,净水器加盟-FineSky德国法兹全屋净水 | 外贸资讯网 - 洞悉全球贸易,把握市场先机 | 船用锚链|专业锚链生产厂家|安徽亚太锚链制造有限公司 | ph计,实验室ph计,台式ph计,实验室酸度计,台式酸度计 |