Fab is invalid on iframe on ios

hello, anybody can help me? I met an issue.
I use fab on iframe, on android device, it's ok. but on IOS device, click the fab, no response.

<div id="contentdiv" style='width:100%;height:100%;'>

</div>

<f7-fab position="left-center" color="yellow" @click="prevdoc">

  <f7-icon ios="f7:plus" aurora="f7:plus" md="material:add"></f7-icon>

</f7-fab>

<f7-fab position="right-center" color="pink" @click="nextdoc">

  <f7-icon ios="f7:plus" aurora="f7:plus" md="material:add" ></f7-icon>

</f7-fab>

script:

pageAfterIn(){

    //console.log(this.pageid);

    var contentdiv=document.getElementById("contentdiv");

    var src="http://localhost:8086/abc/4seats/"+this.pageid+".html";

    contentdiv.innerHTML="<iframe style='width:100%;height:100%' src='"+src+"'></iframe>";

  },

  prevdoc(){

      alert('yes');

  },

  nextdoc(){

      alert('yes');

  },

Resovled already!
This issue appears on pc chrome.
When debug it on a real iphone, click fab event can be captured.