資訊專欄INFORMATION COLUMN
摘要：一在使用開(kāi)發(fā)的過(guò)程中難免要整合第三方或者。但是整合后的與無(wú)法使用頁(yè)面里面的方法與。時(shí)常發(fā)生明明在同一個(gè)頁(yè)面里面卻無(wú)法調(diào)用到方法屬性。這是因?yàn)楹瘮?shù)創(chuàng)建了自己的，所以無(wú)法獲取到我們想要的。三觸發(fā)方法調(diào)用不能使用需要使用的方式，這個(gè)特有的寫法。
一、
在使用vue開(kāi)發(fā)的過(guò)程中難免要整合第三方j(luò)s或者jq。
但是整合后的js與jq無(wú)法使用vue頁(yè)面里面的方法與data。
時(shí)常發(fā)生明明在同一個(gè)vue頁(yè)面里面卻無(wú)法調(diào)用到方法屬性。
其實(shí)這是你的調(diào)用方式不對(duì)。
我遇到過(guò)的就是jquery-contextmenu的右擊事件問(wèn)題
這是我們要付給右擊事件的操作，selector是id，items是右擊事件 觸發(fā)的方法在下面（這里的callback回調(diào)函數(shù)，方法.call（本身的this,參數(shù)S）的意思是：在這個(gè)方法里調(diào)用其他對(duì)象的方法，以其他對(duì)象替代本身對(duì)象）
二、
這是觸發(fā)事件的定義在data里面定義箭頭函數(shù)，然后傳給上圖的方法里
然后我們來(lái)看一下效果,當(dāng)我點(diǎn)擊添加節(jié)點(diǎn)可以運(yùn)行但是單擊添加子節(jié)點(diǎn)報(bào)錯(cuò)了。這是因?yàn)楹瘮?shù)創(chuàng)建了自己的this，所以無(wú)法獲取到我們想要的。而箭頭函數(shù)不會(huì)創(chuàng)建自己的this,它只會(huì)從自己的作用域鏈的上一層繼承this。所以能訪問(wèn)到我們所定義的屬性值。
三、
觸發(fā)方法調(diào)用不能使用function(){}
需要使用()=>{}的方式，這個(gè)ES6特有的寫法。es6 箭頭函數(shù)不會(huì)有新的作用域
如果你是在第三方j(luò)s中要調(diào)用vue頁(yè)面的data、methods的話必須先以參數(shù)的形式轉(zhuǎn)過(guò)去，然后在根據(jù)參數(shù)調(diào)用。然后vue頁(yè)面就是如上所述的那種寫法。
箭頭函數(shù)文檔
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108033.html
前言：前段時(shí)間負(fù)責(zé)公司的運(yùn)營(yíng)管理后臺(tái)項(xiàng)目，通過(guò)運(yùn)營(yíng)后臺(tái)的PC端拖拽配置布局，達(dá)到App首頁(yè)模板的動(dòng)態(tài)UI界面配置，生成頁(yè)面。趁著周末，整理一下當(dāng)時(shí)所了解到的拖拽。文章會(huì)根據(jù)大家的反饋或者自己學(xué)習(xí)經(jīng)驗(yàn)的累積成長(zhǎng)不定期更新豐富。如果你想了解更多PC端的拖拽開(kāi)發(fā)，歡迎點(diǎn)贊關(guān)注或者收藏一波[鞠躬]。 之前在掘金一篇文章里看到這段話: UI 開(kāi)發(fā)的三種模式 1.手寫標(biāo)簽和樣式代碼，生成頁(yè)面 2.可視化拖拽 ...
摘要：業(yè)務(wù)背景是，在的前端項(xiàng)目中加入作為組件。但隨著需要登錄的頁(yè)面的增多，多個(gè)頁(yè)面都需要添加相同的，，以及前端登錄邏輯，所以在原先的項(xiàng)目中添加了，將重復(fù)的添加的代碼加入到了文件中，然后通過(guò)方法將對(duì)象掛載到某個(gè)的節(jié)點(diǎn)上。 業(yè)務(wù)背景是，在jq的前端項(xiàng)目中加入Vue作為組件。 原本的登錄功能是每個(gè)頁(yè)面加一個(gè)登錄彈窗（手機(jī)號(hào)+驗(yàn)證碼驗(yàn)證登錄），然后發(fā)ajax請(qǐng)求到后端，登錄成功后再進(jìn)行一些操作。 但...
摘要：在谷歌找多頁(yè)面，實(shí)例還是比較少，功夫不負(fù)有心人，在那找到了，具體可以到這個(gè)，非常感謝童鞋，今天要講的內(nèi)容是基于童鞋的多頁(yè)面實(shí)例上再優(yōu)化的。有需要一起交流的可以加我的微信，，記得備注技術(shù)交流哈。 vue+webpack是否有多頁(yè)面 目前使用vue來(lái)做項(xiàng)目，估計(jì)大部分都是單頁(yè)面（SPA）應(yīng)用，一個(gè)輕型的 MVVM 框架，誰(shuí)用了MVVM框架，就再也回不去JQ時(shí)代了，哈哈。 在手機(jī)端的項(xiàng)目，使...
摘要：至于我為何要這么做，請(qǐng)聽(tīng)閏土娓娓道來(lái)。那么接下來(lái)，正文從這開(kāi)始熟悉閏土的朋友都知道，我是從時(shí)代過(guò)來(lái)的前端，在剛接觸和這類框架的時(shí)候，完全可以用一臉懵逼來(lái)形容我，最為貼切。作者閏土少年出處本博客的文章如無(wú)特殊說(shuō)明，均為原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。 showImg(https://segmentfault.com/img/bVZjKW?w=670&h=442); 前言 在我動(dòng)筆寫這篇文章的時(shí)候，...
摘要：如何添加這個(gè)條件，判斷用戶是否刷新了頁(yè)面呢我們知道，當(dāng)使用后，只有第一次進(jìn)入后會(huì)觸發(fā)鉤子函數(shù)，再次進(jìn)入就不再執(zhí)行了。 目的：vue-cli構(gòu)建的vue單頁(yè)面應(yīng)用，某些特定的頁(yè)面，實(shí)現(xiàn)前進(jìn)刷新，后退不刷新，類似app般的用戶體驗(yàn)。注： 此處的刷新特指當(dāng)進(jìn)入此頁(yè)面時(shí)，觸發(fā)ajax請(qǐng)求，向服務(wù)器獲取數(shù)據(jù)。不刷新特指當(dāng)進(jìn)入此頁(yè)面時(shí)，不觸發(fā)ajax請(qǐng)求，而是使用之前緩存的數(shù)據(jù)，以便減少服務(wù)器請(qǐng)求...
閱讀 1352·2021-10-08 10:04
閱讀 1983·2021-09-04 16:40
閱讀 2599·2019-08-30 13:21
閱讀 2350·2019-08-29 15:10
閱讀 2920·2019-08-29 12:35
閱讀 1253·2019-08-26 17:41
閱讀 3125·2019-08-26 17:03
閱讀 1236·2019-08-26 12:01
