iframe 中子页面调用父页面的Vue方法并正确传参

父页面的代码

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

猜你喜欢

转载自blog.csdn.net/weixin_42529699/article/details/90230833