Vue.js 在单独的组件中进一步向下跳转页面

使用Vue，我有一个主页，可以说它由两个组件组成

引言部分 列表组件

我希望在简介组件中有一个按钮，它可以让用户从页面跳到列表组件。现在，通常我会做一些像-

<a href="#identifier">CLICK HERE...</a>

<div id="identifier">...TO JUMP HERE</div>   

…跳到这里

但是，由于某些原因，它不起作用，我相信这可能是因为我在技术上在两个组件之间跳转，即使它们在同一个页面上（单击此处…在一个页面上，跳转此处…在另一个页面上）

---

我说的对吗？如果是这样的话，有没有办法解决这个问题？

在下面的例子中，这是可以预期的

Vue.component（'intro'{
模板：`
介绍组件！
`
})
Vue.组件（'列表'{
模板：`
列表组件
这是一个很长的列表：

列表项{i}

`
})
新Vue({
el:“应用程序”，
})
Vue.config.devtools=Vue.config.productionTip=false

h2{
颜色：三文鱼；
背景颜色：淡紫色；
填充：10px0；
}
#名单{
边缘顶部：300px；
}

请创建一个组件，以便人们可以使用它来重现问题，并可能更好地帮助您。将锚（#）固定在v-if或v-show中的组件是吗？@Sølvetraftøe不是，它本质上是组件的第一个div。嘿！谢谢你的确认，我像你一样试过了，它看起来确实有效，但只有当我点击两次“”时。第一次单击将其添加到我的URL栏，第二次单击将移动页面。。。你知道为什么吗你在用路由器吗？