父页面的代码

html

<div id="app">
  //省略业务代码x行.....
 <iframe  src="/sonpage" >
  //省略业务代码x行.....
</div>

vue

var vm = new Vue({
		el:'#app',
		data:{
			
		},
		mounted: function () {
			this.$nextTick(function () {
				// 初始化
			})
		},
		methods: {
			sonPageClick:function(params){
				console.log(params);
			}
		}
});
			

子页面(sonpage)代码

parent.vm.sonPageClick(params);

这样子页面正常的调用父页面的vue方法,并且正确的传参数。子页面中的parent.vm的vm是父页面中的vm

 

转载于:https://my.oschina.net/jishuge/blog/2222521

Logo

前往低代码交流专区

更多推荐