layui結合Vue.js父子iframe操作
阿新 • • 發佈:2018-11-24
父頁面呼叫子頁面方法
彈出框嵌入iframe:
layer.open({ type: 2, content: '../UserManage/ST002.html', area: ['320px', '195px'], maxmin: true, success: function (index, layero) { that._data.iframeWin = window[index.find('iframe')[0]['name']]; //得到iframe頁的視窗物件,執行iframe頁的方法:iframeWin.method(); }, cancel: function (index, layero) { that._data.phoneflag = false; } }); that._data.iframeWin.app.query(that._data.phonedetial);//呼叫子頁面方法
tab控制元件嵌入iframe:
//新增一個Tab項 element.tabAdd('demo', { title: '新選項' + (Math.random() * 1000 | 0) //用於演示 , content: '<iframe src="../UserManage/ST001.html" id="' + a + '"/>' , id: a //實際使用一般是規定好的id,這裡以時間戳模擬下 }); $('#' + a)[0].contentWindow.app.setphonedetial(d);//呼叫子頁面方法並傳引數
子頁面呼叫父頁面方法:
that._data.phonedetial = window.parent.app._data.phonedetial;//獲取到父頁面的變數值