在 Vue 页面中,可以使用 v-for 指令循环遍历文本中的所有行。在每一行元素上使用 v-bind 指令绑定一个 class 属性,当该行需要标红时,动态添加一个红色的 class。
在要标红的行上添加 ref 属性,然后在mounted() 或者updated() 中使用 this.$refs 获取并执行该行的scrollIntoView()方法
示例代码:
<template>
<div>
<div v-for="(line, index) in lines" :key="index" :class="{'red': highlightIndex ===