vue实现锚点定位跳转

有个需求,要点击试题题号可以直接跳转到该试题实现如下

<div id='1234'>

    要跳转到的区域

</div>

//下面是点击事件

<a @chilk='clickNum(1234)' />

在methods中写入方法

clickNum (id){

//点击题号跳转      

document.querySelector('#'+id).scrollIntoView()    

},

但是这个跳转有个问题,因为跳转的区域的id不能全部为数字,在id前面统一加个字符就解决了,如下

<div id='a1234'>    要跳转到的区域</div>


clickNum (id){

//点击题号跳转      

document.querySelector('#a'+id).scrollIntoView()    

}, 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容