一、vue项目中如何在原窗口与新窗口中打开外部链接
Vue项目中内部跳转可以用this.$router.repalce()实现,如果用同样的方法跳转外部链接,那么外部链接前面会追加http://localhost:8080/#/导致跳转出现问题,那么我们如何跳转到外部链接呢?跳转链接分为原窗口新窗口打开外部链接。
1、原窗口打开外部链接有两种实现方式
(1)location.href="https://https://www.baidu.com/"
(2)window.open(url ,‘_self’)
2、新窗口打开外部链接:window.open(url,'_blank')
总结:
window.open
本质上可以看做<a>
标签的js
版本,或者说是编码式地打开窗口,但它比<a>
标签更加灵活,可以通过js
实现与打开的页面之间的通信。
二、Jquery如何实现菜单折叠及其点击链接实现对应菜单展开
1、菜单css默认隐藏,追加class为show时显示
2、实现菜单的折叠效果,使用toggleClass()方法
$('.sidebar h6').click(function () {
$(this).parents('section').find("ul").toggleClass('show');
})
3、打开某一个菜单链接则对应菜单展开,此处需要获取