高德地圖自定義彈窗內容

需求

使用vue2.x來實現高德地圖自定義彈窗內容,可以通過一個按鈕來切換不同的樣式風格,即改變彈窗內容樣式。

分析

高德地圖官網爲開發者提供了自定義彈窗內容的例子,見這裏
。官方提供的方式是Dom操作,即createElement、appendChild等方式。我們選擇用vue,用vue的方式來實現Dom操作。vue的全局API中第一個是Vue.extend,這個是用來實現一個vue的子類構造器,其實可以看做是一個vue模板對象構造器,其實例化對象類似於Dom中的DocumentFragment接口

由於Vue.extend可以生成一個vue子類構造器,從而可以利用vue的響應式特性和組件化思想,來實現彈窗的內容。彈窗裏的內容就是一個vue子類實例。

實現

to be done
https://xinxingyu.github.io/blog/blog/Vue/dataBinding.html#_4%E3%80%81%E5%AE%9E%E7%8E%B0mvvm

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