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

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

解決Vue watch里調用方法的坑

瀏覽:87日期: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
相關文章:
主站蜘蛛池模板: 神超官网_焊接圆锯片_高速钢锯片_硬质合金锯片_浙江神超锯业制造有限公司 | 高柔性拖链电缆-聚氨酯卷筒电缆-柔性屏蔽电缆厂家-玖泰电缆 | 旅游规划_旅游策划_乡村旅游规划_景区规划设计_旅游规划设计公司-北京绿道联合旅游规划设计有限公司 | 粉末冶金-粉末冶金齿轮-粉末冶金零件厂家-东莞市正朗精密金属零件有限公司 | 施工围挡-施工PVC围挡-工程围挡-深圳市旭东钢构技术开发有限公司 | 一级建造师培训_一建培训机构_中建云筑建造师培训网校 | 光谱仪_积分球_分布光度计_灯具检测生产厂家_杭州松朗光电【官网】 | 【甲方装饰】合肥工装公司-合肥装修设计公司,专业从事安徽办公室、店面、售楼部、餐饮店、厂房装修设计服务 | 石英粉,滑石粉厂家,山东滑石粉-莱州市向阳滑石粉有限公司 | 齿轮减速机_齿轮减速电机-VEMT蜗轮蜗杆减速机马达生产厂家瓦玛特传动瑞环机电 | 长春网站建设,五合一网站设计制作,免费优化推广-长春网站建设 | 土壤有机碳消解器-石油|表层油类分析采水器-青岛溯源环保设备有限公司 | 直流大电流电源,燃料电池检漏设备-上海政飞 | 冷水机,风冷冷水机,水冷冷水机,螺杆冷水机专业制造商-上海祝松机械有限公司 | 英国公司注册-新加坡公司注册-香港公司开户-离岸公司账户-杭州商标注册-杭州优创企业 | 洁净棚-洁净工作棚-无菌室-净化工程公司_北京卫护科技有限公司 | 中高频感应加热设备|高频淬火设备|超音频感应加热电源|不锈钢管光亮退火机|真空管烤消设备 - 郑州蓝硕工业炉设备有限公司 | 阻燃剂-氢氧化镁-氢氧化铝-沥青阻燃剂-合肥皖燃新材料 | 科普仪器菏泽市教育教学仪器总厂 | 井式炉-台车式回火炉-丹阳市电炉厂有限公司 | 等离子空气净化器_医用空气消毒机_空气净化消毒机_中央家用新风系统厂家_利安达官网 | 国际金融网_每日财经新资讯网 | 超声波焊接机_超音波熔接机_超声波塑焊机十大品牌_塑料超声波焊接设备厂家 | 广州展台特装搭建商|特装展位设计搭建|展会特装搭建|特装展台制作设计|展览特装公司 | 充气膜专家-气膜馆-PTFE膜结构-ETFE膜结构-商业街膜结构-奥克金鼎 | 阻垢剂,反渗透阻垢剂,缓蚀阻垢剂-山东普尼奥水处理科技有限公司 真空粉体取样阀,电动楔式闸阀,电动针型阀-耐苛尔(上海)自动化仪表有限公司 | 济南保安公司加盟挂靠-亮剑国际安保服务集团总部-山东保安公司|济南保安培训学校 | 【法利莱住人集装箱厂家】—活动集装箱房,集装箱租赁_大品牌,更放心 | 机床导轨_导轨板_滚轮导轨-上海旻佑精密机械有限公司 | 北京网站建设公司_北京网站制作公司_北京网站设计公司-北京爱品特网站建站公司 | 萃取箱-萃取槽-PVC萃取箱厂家-混合澄清槽- 杭州南方化工设备 | 广州展览制作|展台制作工厂|展览设计制作|展览展示制作|搭建制作公司 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 扬尘监测_扬尘监测系统_带证扬尘监测设备 - 郑州港迪科技有限公司 | 高压无油空压机_无油水润滑空压机_水润滑无油螺杆空压机_无油空压机厂家-科普柯超滤(广东)节能科技有限公司 | 博莱特空压机|博莱特-阿特拉斯独资空压机品牌核心代理商 | 扒渣机厂家_扒渣机价格_矿用扒渣机_铣挖机_撬毛台车_襄阳永力通扒渣机公司 | 轴流风机-鼓风机-离心风机-散热风扇-罩极电机,生产厂家-首肯电子 | 撕碎机,撕破机,双轴破碎机-大件垃圾破碎机厂家 | PE拉伸缠绕膜,拉伸缠绕膜厂家,纳米缠绕膜-山东凯祥包装 | 即用型透析袋,透析袋夹子,药敏纸片,L型涂布棒-上海桥星贸易有限公司 |