vue的頁面方法掛載到全域性,便於其他跨端平台呼叫

2021-10-08 19:26:58 字數 894 閱讀 1912

需求:

難點:解決辦法:

.net開發組巢狀vue的前端頁面,呼叫其中某乙個頁面的方法,並傳遞引數進來,進行資料介面呼叫,並重新整理vue介面資料;

.net只能呼叫整個專案的全域性方法,故頁面的方法要放在全域性才能被呼叫(當時這個問題比較麻煩,雖然方法放在了全域性,但是.net卻不能呼叫)

1、.net端和前端統一呼叫方法的名字,如:search();如圖1所示,

其中,vuetest()是單獨的vue掛載到全域性的方法,掛載方法見3

2、前端將這個方法放在專案檔案public目錄下,並在index.html中引入,保險起見在index.html的最後引入,圖2

圖1 統一的呼叫方法名 search()

圖2 在index.html檔案中引入公用的方法

3、某乙個vue檔案掛載全域性的方法,在mounted裡面直接操作就行,如下所示:

mounted() ,
補充:從圖上看,可能會有疑問,跨端呼叫的search()方法有引數,但是頁面掛載的vuetest()方法卻沒有,會不會出問題呢?

答案是:不會

掛載的vuetest()頁面方法**如下,這樣是可以接收到相應引數的,兩邊的資料格式一定要統一好哈,以防被坑

vuetest(val) ,

vue怎麼把api 掛載到全域性 vue的全域性api

什麼是全域性api 全域性api並不在構造器裡,而是先宣告全域性變數或者直接在vue上定義一些新功能,vue內建了一些全域性api,說的簡單些就是,在構造器外部用vue提供給我們的api函式來定義新的功能。當然對應得也有區域性的,只在當前的例項中可以用,比如區域性過濾器。vue.directive自...

Vue自定義函式掛載到全域性方法

看了很多方法介紹,基本思路是,定義方法 在main.js中引入 就能全域性使用,提高 的復用性。我這裡只寫下工作中常見和常用的方法 使用export default install vue.prototype 方法寫在哪,怎麼寫,一般按專案規則和個人習慣 我這裡以 http為例 1.建立reques...

vue 定義全域性的 方法

一,建立 obj.js 檔案 function delobj fn else console.log fn,過濾成功 export default 二,main.js 引入 掛載全域性 import delobj from utils delobj vue.prototype.obj delobj ...