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;//获取到父页面的变量值