Vue和原生native交互使用方法

安卓與Vue交互方式

首先Vue調用安卓這方面不用說了,使用方式和html調用安卓Native方法一致,這方面會在另外一篇文章當中說明,這裏就不做多說了,下面重點要說的是安卓調用Vue的function,這裏要特別說明下,安卓端調用代碼不變,主要是Vue端實現。

因爲安卓與網頁之間的交互是通過window來實現的,但是因爲Vue的的內部實現邏輯對付function方法並不是掛載到window下的,所以安卓就無法通過window調用Vue當中的方法,然後就導致了不管原生怎麼修改代碼最後都無法實現調用網頁端的function代碼。

知道了原因解決起來就容易了,既然是因爲Vue無法將function代碼掛載到window下,那麼就手動將function方法掛載到window上就好了,這個實現起來也容易,無非就是在vue的oncrete或者mount方法下面使用window.funcName = this.funcName 或者**window.funcName = function(){}**這兩種方法實現將function掛載到window上,這樣就可以實現了原生訪問網頁代碼的操作。

iOS與Vue交互方式

這個暫時還沒研究,留着空白,以後研究了在去寫

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章