最近一个人开发一套后台商品管理系统,前端使用Vue, 使用第三方UI界面AdminLTE。遇到一些问题梳理一下,第一个问题:从登录页跳转到后台首页,发现首页显示不完整,需要刷新一次才可以。解决办法是在首页组件Vue的里面加入如下代码:
第二个问题:首页的二级菜单点击后无法展开,必须要刷新一下,原因是adminlte.js里菜单展开事件是在页面加载的时候绑定的,页面还没有渲染,事件没有绑定上去。
去掉$(window).on( ) . 将他所在的匿名函数function($){ 原内容 }(jQuery) 改为 function treeClick($){ 原内容 } treeClick(jQuery)
将treeClick(jQuery)封装后导出 如上图,然后在后台首页引入这个adminlte.js,
路径改一下,Vue里再次加入myFun()这个方法,就是当vue执行这个页面后再次绑定事件。
多次测试都成功,解决了问题。以上纯我个人理解,不一定完全正确,也不是最优解,欢迎指正。