ホームページ  >  記事  >  ウェブフロントエンド  >  MUI フレームワークを使用して外部 Web ページまたはサーバー データをロードする方法

MUI フレームワークを使用して外部 Web ページまたはサーバー データをロードする方法

亚连
亚连オリジナル
2018-06-08 16:50:543153ブラウズ

ここで、MUI フレームワークで外部 Web ページまたはサーバー データをロードする方法について簡単に説明します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

多くの学生が MUI フレームワークを実装する場合、新しいページを開くときに、Web ページをサーバーからダウンロードする必要がある場合、または外部 Web ページにネストする必要がある場合に、mui.openwindow メソッドを使用することがよくあります。ネットワーク速度の問題により、読み込み中に白い画面が表示され、待ち時間が長くなり、ユーザー エクスペリエンスが低下します

ページの読み込み時に plus.webview.create メソッドを使用すると、これを解決できます。問題は非常にうまくいきました

これ以上苦労せずに、コードを貼り付けるだけです

まず、親ページを作成する必要があります。以下は親ページの JS です

// H5 plus事件处理 
function plusReady(){ 
var nwaiting = plus.nativeUI.showWaiting();//打开原生加载等待框 
ws=plus.webview.currentWebview();//创建一个新的页面 
embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的页面地址 
embed.onclose=embedClose; 
ws.append(embed);
} 
if(window.plus){ 
plusReady(); 
}else{ 
document.addEventListener(“plusready”,plusReady,false); 
} 
// 页面关闭事件回调函数 
function embedClose(e){ 
alert( “Closed!” ); 
}

createShow.html サブページを作成します。私が自分で決めた名前です

mui.init({
      //示例打开百度,进行加载
      subpages:[{
        url:"https://www.baidu.com",
        id:"https://www.baidu.com",
        styles:{
        }
      }]
    })
rreee

上記は私が皆さんのためにまとめたもので、将来皆さんのお役に立てれば幸いです。

関連記事:

vue-lazyloadで画像遅延読み込みプラグインを使用する

highChartsを使用してVueで3D円グラフを描画する方法

vueでueditorを使用する方法

以上がMUI フレームワークを使用して外部 Web ページまたはサーバー データをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。