美文网首页
页面iframe嵌套vue页面不刷新问题

页面iframe嵌套vue页面不刷新问题

作者: QRFF | 来源:发表于2018-08-16 22:04 被阅读0次

$('#content iframe').attr('src',href);
加上此行代码进行强制刷新,document.getElementById(iframe的ID).contentWindow.location.reload(true);

var $div = $('.main-sidebar > .sidebar-menu');
$div.on('click', 'li[data-href]', function () {
   var href = $(this).data('href');
   if (!!href && href!='undefined') {
      var curSelf = $('#content iframe').attr('src');
      var curPos = curSelf.lastIndexOf('#');
      var curPar = curSelf.substr(curPos);
      var pos = href.lastIndexOf('#');
      var par = href.substr(pos);
      $('#content iframe').attr('src',href);
      if(par != curPar && curPos !=-1){
         document.getElementById('iframe').contentWindow.location.reload(true);
      }
      //菜单增加样式
      if($(this).parents('li').data('href') == undefined){
         $(this).addClass('active');
         $(this).parent('ul').siblings().find('li').removeClass('active');
      }else{
         $(this).parents('li').addClass('active');
         $(this).parents('li').parent('ul').siblings().find('li').removeClass('active');
      }
   }
   return false;
});

相关文章

网友评论

      本文标题:页面iframe嵌套vue页面不刷新问题

      本文链接:https://www.haomeiwen.com/subject/gykabftx.html