直播app源码，根据页面滚动高亮显示目录的侧边栏

直播app源码，根据页面滚动高亮显示目录的侧边栏

父组件代码如下（示例）：

 

1

<br><template><br>  <div class="demo"><br>    <div class="container" style="  " v-for="item in navLists" :key="item">{{item}}</div><br>    <br>    <appsideNavBar :navLists="navLists"></appsideNavBar><br>    <div style="height:500px"></div><br>  </div><br></template><br><script><br>import appsideNavBar from './AppsideNavBar.vue'<br>export default {<br>  components:{<br>    appsideNavBar<br>  },<br>  data() {<br>    return {<br>      //nav栏的文字<br>      navLists: ["标题1", "标题2", "标题3", "标题4","标题5"],<br>    }<br>  }<br>}<br></script><br><style scoped><br>.container {<br>  width: 100%;<br>  height: 600px;<br>  font-size: 80px;<br>  display: flex;<br>  justify-content: center;<br>  align-items: center;<br>  border: 2px solid black;<br>}<br></style>

​

 以上就是 直播app源码，根据页面滚动高亮显示目录的侧边栏，更多内容欢迎关注之后的文章