vue封裝公共方法的實現(xiàn)代碼
1.在utils文件夾中創(chuàng)建convertData.js文件:
function mergeToJson(source, target) { for (var key in source) { if (target[key]) { return mergeToJson(source[key], target[key]); } else { target[key] = source[key]; } } return target; } //將方法暴露出來 export default { mergeToJson }
2.在main.js引入全局方法:
//將公共方法掛載this import dataConver from './utils/convertData.js' Vue.prototype.$dataConver = dataConver;
全局使用方法:
this.$dataConver.serverDataToClientData() //在文件處直接使用
以上就是vue封裝公共方法的實現(xiàn)代碼的詳細內(nèi)容,更多關于vue封裝公共方法的資料請關注腳本之家其它相關文章!
相關文章
vue3如何實現(xiàn)表格內(nèi)容無縫滾動(又寫了一堆冗余代碼)
這篇文章主要給大家介紹了關于vue3如何實現(xiàn)表格內(nèi)容無縫滾動的相關資料,在Vue3項目中難免會遇到讓列表滾動的需求,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-04-04Vue使用sign-canvas實現(xiàn)在線手寫簽名的實例
sign-canvas?一個基于?canvas?開發(fā),封裝于?Vue?組件的通用手寫簽名板(電子簽名板),支持?pc?端和移動端,本文給大家分享Vue使用sign-canvas實現(xiàn)在線手寫簽名,感興趣的朋友一起看看吧2022-05-05vue2中,根據(jù)list的id進入對應的詳情頁并修改title方法
今天小編就為大家分享一篇vue2中,根據(jù)list的id進入對應的詳情頁并修改title方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08ant design vue中日期選擇框混合時間選擇器的用法說明
這篇文章主要介紹了ant design vue中日期選擇框混合時間選擇器的用法說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10Vue中通過Vue.extend動態(tài)創(chuàng)建實例的方法
這篇文章主要介紹了Vue中通過Vue.extend動態(tài)創(chuàng)建實例的方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08vue-calendar-component日歷組件報錯Clock is not defi
這篇文章主要為大家介紹了vue-calendar-component日歷組件報錯Clock is not defined解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11Vue實現(xiàn)hash模式網(wǎng)址方式(就是那種帶#的網(wǎng)址、井號url)
這篇文章主要介紹了Vue實現(xiàn)hash模式網(wǎng)址方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-07-07