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

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

解決Vue watch里調用方法的坑

瀏覽:86日期:2022-11-04 16:47:14

這里是說watch調用methods里方法的時候,頁面經常會報找不到方法

這個時候一定要在watch里去輸出一下this,

看看this包裹的殼是不是多了好多層,所以找不到方法,雖然我到現在還沒理解為啥有時候會出現一層或幾層殼的問題。

例如

正常情況下用this.functionname()就可以調用了。

但是在一些情況下(現在本人還沒找到原因)在控制臺輸出this的時候你會發現數據經常是這樣包裹的a{name},name里面對你的methods還包裹了一層,所以使用方法的時候就會變成 this.a.methods.funtionname()

原因還在找,不過解決辦法先記下來。

補充知識:使用 Vue 的最佳做法---不要在“created”和“watch”中調用方法

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

watch: { params: {handler: function (val, oldVal) { if (val == ’1’) { this.initTableData() }},deep: true }, property: {immediate: true,handler: function (val, oldVal) { this.initTableData()}, }, },

Vue開發人員經常犯的一個錯誤是他們不必要地在created和watch中調用方法。 其背后的想法是,我們希望在組件初始化后立即運行watch。

// 不好的做法 created: () { this.handleChange() }, methods: { handleChange() { // stuff happens } }, watch () { property() { this.handleChange() } }

但是,Vue為此提供了內置的解決方案,這是我們經常忘記的Vue watch屬性。

我們要做的就是稍微重組watch并聲明兩個屬性:

1.handler (newVal, oldVal)-這是我們的watch方法本身。

2. immediate: true- 代表如果在 wacth 里聲明了之后,就會立即先去執行里面的handler方法,如果為 false就跟我們以前的效果一樣,不會在綁定的時候就執行

// 好的做法methods: { handleChange() { // stuff happens }},watch () { property { immediate: true handler() { this.handleChange() } }}

以上這篇解決Vue watch里調用方法的坑就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 【星耀裂变】_企微SCRM_任务宝_视频号分销裂变_企业微信裂变增长_私域流量_裂变营销 | 热缩管切管机-超声波切带机-织带切带机-无纺布切布机-深圳市宸兴业科技有限公司 | 不锈钢拉手厂家|浴室门拉手厂家|江门市蓬江区金志翔五金制品有限公司 | 5nd音乐网|最新流行歌曲|MP3歌曲免费下载|好听的歌|音乐下载 免费听mp3音乐 | 重庆私家花园设计-别墅花园-庭院-景观设计-重庆彩木园林建设有限公司 | 篷房|仓储篷房|铝合金篷房|体育篷房|篷房厂家-华烨建筑科技官网 知名电动蝶阀,电动球阀,气动蝶阀,气动球阀生产厂家|价格透明-【固菲阀门官网】 | 脉冲布袋除尘器_除尘布袋-泊头市净化除尘设备生产厂家 | 铝单板_铝窗花_铝单板厂家_氟碳包柱铝单板批发价格-佛山科阳金属 | 阀门智能定位器_电液动执行器_气动执行机构-赫尔法流体技术(北京)有限公司 | 专业的压球机生产线及解决方案厂家-河南腾达机械厂 | 布袋式除尘器|木工除尘器|螺旋输送机|斗式提升机|刮板输送机|除尘器配件-泊头市德佳环保设备 | 电动车头盔厂家_赠品头盔_安全帽批发_山东摩托车头盔—临沂承福头盔 | 石家庄救护车出租_重症转院_跨省跨境医疗转送_活动赛事医疗保障_康复出院_放弃治疗_腾康26年医疗护送转诊团队 | 杭州实验室尾气处理_实验台_实验室家具_杭州秋叶实验设备有限公司 | 粉末包装机,拆包机厂家,价格-上海强牛包装机械设备有限公司 | 家德利门业,家居安全门,别墅大门 - 安徽家德利门业有限公司 | 杭州货架订做_组合货架公司_货位式货架_贯通式_重型仓储_工厂货架_货架销售厂家_杭州永诚货架有限公司 | 锂电叉车,电动叉车_厂家-山东博峻智能科技有限公司 | 一路商机网-品牌招商加盟优选平台-加盟店排行榜平台 | 真空泵厂家_真空泵机组_水环泵_旋片泵_罗茨泵_耐腐蚀防爆_中德制泵 | CTAB,表面活性剂1631溴型(十六烷基三甲基溴化铵)-上海升纬化工原料有限公司 | 小港信息港-鹤壁信息港 鹤壁老百姓便民生活信息网站 | 济南网站建设_济南网站制作_济南网站设计_济南网站建设公司_富库网络旗下模易宝_模板建站 | 防火阀、排烟防火阀、电动防火阀产品生产销售商-德州凯亿空调设备有限公司 | 单机除尘器 骨架-脉冲除尘器设备生产厂家-润天环保设备 | 健康管理师报名入口,2025年健康管理师考试时间信息网-网站首页 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 旅游规划_旅游策划_乡村旅游规划_景区规划设计_旅游规划设计公司-北京绿道联合旅游规划设计有限公司 | 包装盒厂家_纸盒印刷_礼品盒定制-济南恒印包装有限公司 | 水稻烘干机,小麦烘干机,大豆烘干机,玉米烘干机,粮食烘干机_巩义市锦华粮食烘干机械制造有限公司 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 致胜管家软件服务【在线免费体验】| 特种阀门-调节阀门-高温熔盐阀-镍合金截止阀-钛阀门-高温阀门-高性能蝶阀-蒙乃尔合金阀门-福建捷斯特阀门制造有限公司 | 科威信洗净科技,碳氢清洗机,超声波清洗机,真空碳氢清洗机 | 高压无油空压机_无油水润滑空压机_水润滑无油螺杆空压机_无油空压机厂家-科普柯超滤(广东)节能科技有限公司 | 一级建造师培训_一建培训机构_中建云筑建造师培训网校 | 山西3A认证|太原AAA信用认证|投标AAA信用证书-山西AAA企业信用评级网 | 云南外加剂,云南速凝剂,云南外加剂代加工-普洱澜湄新材料科技有限公司 | MVR蒸发器厂家-多效蒸发器-工业废水蒸发器厂家-康景辉集团官网 | 无线对讲-无线对讲系统解决方案-重庆畅博通信|