##a连接的锚定位的用法。
<template> <div style="margin-top:20px"> <div> <div style="position:fixed;left:90%;"> <div v-for="index in 9" :key="index"> <a href="javascript:void(0)" @click="goAnchor('#anchor-'+index)" style="margin-left:50px" >{{index}}</a> </div> </div> <div style="display:flex;flex-wrap:wrap;margin-left:5%;margin-right:5%"> <div v-for="index in 9" :key="index" style="width:1500px;height:800px;border:1px solid red"> <div :id="'anchor-'+index" class="item" style="margin-top:50px">第{{index}}张</div> </div> </div> </div> </div> </template> <script> export default { methods: { goAnchor(selector) { console.log(selector); var anchor = this.$el.querySelector(selector); // document.body.scrollTop window.scrollTo(0, anchor.offsetTop - 316); console.log(anchor.offsetTop); console.log(window.scrollTo); } } }; </script>