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

647 阅读1分钟

在vue项目中添加iframe会有交互实现方式如下

首先在vue中把方法注册为全局的

mounted: function () {
        const me = this;
        window.openmodel = me.openmodel;
      },
      methods: {
        /*
         *@description:打开弹框
         *@modifyContent:
         */
        openmodel(index) {

在iframe中调用

 <script>
      $(function () {
        window.parent.openmodel(4);
      });
    </script>