1. 程式人生 > >layui結合Vue.js父子iframe操作

layui結合Vue.js父子iframe操作

父頁面呼叫子頁面方法

彈出框嵌入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;//獲取到父頁面的變數值