国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

關于Vue頁面JS+JQ無法調用頁面方法與data

Elle / 1135人閱讀

摘要:一在使用開發的過程中難免要整合第三方或者。但是整合后的與無法使用頁面里面的方法與。時常發生明明在同一個頁面里面卻無法調用到方法屬性。這是因為函數創建了自己的,所以無法獲取到我們想要的。三觸發方法調用不能使用需要使用的方式,這個特有的寫法。

一、
在使用vue開發的過程中難免要整合第三方js或者jq。
但是整合后的js與jq無法使用vue頁面里面的方法與data。
時常發生明明在同一個vue頁面里面卻無法調用到方法屬性。
其實這是你的調用方式不對。
我遇到過的就是jquery-contextmenu的右擊事件問題
這是我們要付給右擊事件的操作,selector是id,items是右擊事件 觸發的方法在下面(這里的callback回調函數,方法.call(本身的this,參數S)的意思是:在這個方法里調用其他對象的方法,以其他對象替代本身對象)

二、
這是觸發事件的定義在data里面定義箭頭函數,然后傳給上圖的方法里

然后我們來看一下效果,當我點擊添加節點可以運行但是單擊添加子節點報錯了。這是因為函數創建了自己的this,所以無法獲取到我們想要的。而箭頭函數不會創建自己的this,它只會從自己的作用域鏈的上一層繼承this。所以能訪問到我們所定義的屬性值。

三、
觸發方法調用不能使用function(){}
需要使用()=>{}的方式,這個ES6特有的寫法。es6 箭頭函數不會有新的作用域
如果你是在第三方js中要調用vue頁面的data、methods的話必須先以參數的形式轉過去,然后在根據參數調用。然后vue頁面就是如上所述的那種寫法。

箭頭函數文檔

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108033.html

相關文章

  • 可視化拖拽 UI 布局之拖拽篇

    前言:前段時間負責公司的運營管理后臺項目,通過運營后臺的PC端拖拽配置布局,達到App首頁模板的動態UI界面配置,生成頁面。趁著周末,整理一下當時所了解到的拖拽。文章會根據大家的反饋或者自己學習經驗的累積成長不定期更新豐富。如果你想了解更多PC端的拖拽開發,歡迎點贊關注或者收藏一波[鞠躬]。 之前在掘金一篇文章里看到這段話: UI 開發的三種模式 1.手寫標簽和樣式代碼,生成頁面 2.可視化拖拽 ...

    ACb0y 評論0 收藏0
  • Vue作為組件在前端項目中的應用&Vue.set 的用法

    摘要:業務背景是,在的前端項目中加入作為組件。但隨著需要登錄的頁面的增多,多個頁面都需要添加相同的,,以及前端登錄邏輯,所以在原先的項目中添加了,將重復的添加的代碼加入到了文件中,然后通過方法將對象掛載到某個的節點上。 業務背景是,在jq的前端項目中加入Vue作為組件。 原本的登錄功能是每個頁面加一個登錄彈窗(手機號+驗證碼驗證登錄),然后發ajax請求到后端,登錄成功后再進行一些操作。 但...

    hersion 評論0 收藏0
  • vue-cli + webpack 多頁面實例配置優化方法

    摘要:在谷歌找多頁面,實例還是比較少,功夫不負有心人,在那找到了,具體可以到這個,非常感謝童鞋,今天要講的內容是基于童鞋的多頁面實例上再優化的。有需要一起交流的可以加我的微信,,記得備注技術交流哈。 vue+webpack是否有多頁面 目前使用vue來做項目,估計大部分都是單頁面(SPA)應用,一個輕型的 MVVM 框架,誰用了MVVM框架,就再也回不去JQ時代了,哈哈。 在手機端的項目,使...

    Taste 評論0 收藏0
  • 在沒有DOM操作的日子里,我是怎么熬過來的(上)

    摘要:至于我為何要這么做,請聽閏土娓娓道來。那么接下來,正文從這開始熟悉閏土的朋友都知道,我是從時代過來的前端,在剛接觸和這類框架的時候,完全可以用一臉懵逼來形容我,最為貼切。作者閏土少年出處本博客的文章如無特殊說明,均為原創,轉載請注明出處。 showImg(https://segmentfault.com/img/bVZjKW?w=670&h=442); 前言 在我動筆寫這篇文章的時候,...

    shuibo 評論0 收藏0
  • 另辟蹊徑:vue頁面,多路由,前進刷新,后退不刷新

    摘要:如何添加這個條件,判斷用戶是否刷新了頁面呢我們知道,當使用后,只有第一次進入后會觸發鉤子函數,再次進入就不再執行了。 目的:vue-cli構建的vue單頁面應用,某些特定的頁面,實現前進刷新,后退不刷新,類似app般的用戶體驗。注: 此處的刷新特指當進入此頁面時,觸發ajax請求,向服務器獲取數據。不刷新特指當進入此頁面時,不觸發ajax請求,而是使用之前緩存的數據,以便減少服務器請求...

    Ocean 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<