iframe 子页面调用父页面的方法,配合vue使用

父页面代码:

html:

    <div >

//省略业务代码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);

      // 初始化

    })

  },