父页面代码：

           html:

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

　　　　<div id="app">

    //省略业务代码x行.....

    <iframe src="/sonpage" >

    //省略业务代码x行.....

</div>

vuejs:

var vm = new Vue({
　　el: '#app',
　　data: {

          id:'123',

　　},
　　mounted: function() {
　　　　this.$nextTick(function() {
　　　　// 初始化
　　　　})
　　},
　　methods: {
　　　　getId() {
　　　　　　return:this.id;
　　　　}
　　}
});

　　　　子页面调用父页面方法：

mounted: function() {
　　　　this.$nextTick(function() {

                 　var id =  parent.vm.getId();

                                console.log(id);

 

　　　　　　// 初始化
　　　　})
　　},

 

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄