前端技术
MUI打开页面两种方式的方式
2021-03-31 74 1
简介 MUI打开页面两种方式的方式
1 直接打开页面的方式
<a href="#" @tap="openInteractive()" title="griT2" class="griTitA">
<p>互动联谊</p><i></i>
</a>
function openInteractive(){
mui.openWindow({
id: 'interactive.html',
url: 'interactive.html',
show: {
aniShow: 'pop-in',
duration: 300
},
waiting: {
autoShow: false
}
});
}
2 预加载页面的方式
<div :class="[isActive1?'centerList mingzhu commonMenu':'centerList mingzhu selectedMenu']" @tap="open_expert_list()">
<img src="../Resources/img/jiandu.png" class="menuIcon">
<p class="commonText">民主监督</p>
</div>
mui.plusReady(function() {
// var mainPage = plus.webview.getWebviewById("my/expert_list.html");
// console.log(JSON.stringify(mainPage));
webview_expert_list = mui.preload({
url: 'my/expert_list.html',
});
function open_expert_list() {
mui.fire(webview_expert_list, '', {});
setTimeout(function() {
webview_expert_list.show("slide-in-right", 300);
}, 150);
}

