vue中使用postMessage進行跨越傳值

2022-02-04 06:28:23 字數 432 閱讀 4926

想在「當前位置」獲取子頁面的title屬性,但是main頁面和子頁面在不同的埠上,直接獲取會出現:

「blocked a frame with origin from accessing a cross-origin frame」跨域問題

於是改用postmessage進行跨域訪問;

子頁面中:

mounted(),

methods: ,

}

父頁面中監聽子頁面傳遞來的「message」事件,剛開始我把監聽事件放在了,iframe的load事件中監聽,每次需要點選兩次以上才能獲取到

message的監聽事件,於是搜尋一通, 

最後把監聽事件放在

參考:

Vue之在vue中使用render

使用components進行渲染得到 建立 vue 例項,得到 viewmodel var vm newvue methods components script body html 使用render 這裡 return 的結果,會 替換頁面中 el 指定的那個 容器 建立 vue 例項,得到 vi...

Vue 如何在Vue中使用樣式

使用class樣式 1.陣列 第一種使用方式,直接傳遞乙個陣列,注意 這裡的class需要使用 v bind做資料繫結 2.陣列中使用三元表示式 3.陣列中巢狀物件 4.直接使用物件 不用陣列包裹 既然是乙個物件,那我們也可以直接在data身上寫進行儲存 內聯樣式 1.直接在元素上通過v bind ...

vue中使用加密 解密

首先引入cdn src script 在webpack.base.conf.js配置 externals 在src目錄下,建立crypto資料夾,新建index.js檔案,寫入加密 export default return encrypted.tostring 解密 get word,keystr...