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

                父页面代码：

           html:

　　　　<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);

 

　　　　　　// 初始化
　　　　})
　　},

 

 

转载于:https://www.cnblogs.com/lgnblog/p/10684223.html