iframe 中子页面调用父页面的Vue方法并正确传参
父页面的代码html<div id="app">//省略业务代码x行.....<iframesrc="/sonpage" >//省略业务代码x行.....</div>vuevar vm = new Vue({el:'#app',data:{},mounted: function () {...
·
父页面的代码
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
更多推荐
已为社区贡献2条内容
所有评论(0)