mui中openWindow方法的通用封装
因为做项目跳转新页面和传参的场景太多了,而且有的页面需要的跳转动画也不一样,每次都写一大堆openWindow方法的配置项太麻烦,因此自己简单封装了一个小函数,用来方便webview页面的跳转和传参。
方法如下:
/*mui工具方法*/ var muiFn = { /*跳转到新页面(可传参)*/ openUrl : function(url,option){ var urlId = url.slice(url.lastIndexOf('/') + 1,url.length - 5); if(option != undefined){ var animations = option.animate == undefined ? 'slide-in-right' : option.animate; var needTime = option.time == undefined ? 150 : option.time; } mui.openWindow({ url: url, id: urlId, show: { aniShow: animations, duration: needTime }, extras:{ opt : option.settings } }); } }
调用方式:
var ccc = { abc:1, cba:2 } muiFn.openUrl('html/message/messageList.html',{ settings : ccc })
这时候只需要关心要跳转到哪个新页面,是否要传递什么参数,其他的配置都不用写了,如果页面过度动画不同也可以自己手动来改写,方便好用。另外你要是想改写其他的配置,例如等待提示之类的样式,你也可以参考我上一篇文章中的那个配置项,根据你的需求来改写呢。
https://edu.51cto.com/lecturer/11857712.html 星星课堂web前端系列课程
https://edu.51cto.com/course/25959.html js设计模式课程
https://edu.51cto.com/course/23133.html js进阶与组件化实战课程
https://edu.51cto.com/course/24757.html jquery课程
https://edu.51cto.com/course/22392.html js基础与入门课程
https://edu.51cto.com/course/26063.html vue零基础入门课程
https://edu.51cto.com/course/22393.html xhtml与css基础入门课程