2022/7/30周总结

一、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、打开某一个菜单链接则对应菜单展开，此处需要获取