使用:
noticetab.html
<!--不要写html标签--> <div class="wrapper-header-fix"> <h1>11111</h1> </div>
主页加载组件
<!DOCTYPE html> <html> .... <div id="noticeDiv"> </html>
layui.$("#noticeDiv").load("component/noticetab.html", function(){ console.log('load success') });
组件化之后页面如何与组件之间进行交互?
定义监听
window.addEventListener('upd_info',function(e){ console.log(e.detail); })
调用
var param = {name: '张三'} var mevent = new CustomEvent('upd_info', { // param 是要传的参数 detail:param }); window.dispatchEvent(mevent);