场景:标签属性、链接都没问题,鼠标悬停链接时浏览器左下角也显示跳转的页面,但点击失效。
解决:
步骤1.层级关系,检查父级元素z-index是否为-1或者低于其他元素的;
步骤2.事件冒泡,给父级元素加个点击事件(事件委托),如下:
Js:event.stopPropagation( )
Vue:@click.stop
有其他解决方案的,请评论,蟹蟹~
场景:标签属性、链接都没问题,鼠标悬停链接时浏览器左下角也显示跳转的页面,但点击失效。
解决:
步骤1.层级关系,检查父级元素z-index是否为-1或者低于其他元素的;
步骤2.事件冒泡,给父级元素加个点击事件(事件委托),如下:
Js:event.stopPropagation( )
Vue:@click.stop
有其他解决方案的,请评论,蟹蟹~