色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue iframe返回

老白2年前9瀏覽0評論

VUE中使用iFrame是一種非常常見的方法,它可以讓我們更好的進行數據的嵌套處理。但是在某些情況下,我們需要讓iFrame返回父級頁面,并帶回一些數據,這時候我們就需要用到window.parent.location.href來實現。

實現如下:

var data = {
name: 'vue-iframe'
};
//把數據轉為字符串
var strData = JSON.stringify(data);
//設置父頁面的href和傳遞數據
window.parent.location. + strData;

在這個例子中,我們先把需要傳遞的數據{name: 'vue-iframe'}轉化為字符串,然后把這個數據拼接到父頁面的url當中,url的格式為 'http://www.example.com?data=字符串數據',這個url會把父頁面刷新,從而把數據帶回。

接下來我們可以在父頁面中通過window.location.search來獲取數據:

var query = window.location.search;
//獲取data字符串
var dataStr = query.split('=')[1];
//把字符串轉為對象
var data = JSON.parse(decodeURIComponent(dataStr));

在這個例子中,我們先通過window.location.search來獲取url中的查詢部分,得到的結果是一個帶著“?”的字符串,例如'?data=%7B%22name%22%3A%22vue-iframe%22%7D',然后將字符串數據取出再進行解析,最后將解析后的數據{name: 'vue-iframe'}拿到后可自由處理并展示。

總結:使用window.parent.location.href來實現iFrame向父頁面返回數據是非常方便并且常見的一種方法,但是需要注意的是,一定要將傳遞的數據轉化為字符串,并且在父頁面中進行相應的解碼處理。