javascript - 如何在 Vue.js 中停止自动滚动到顶部

Question

我的组件结构如下:

<Search>
 <SearchField>
   <Image>
   <Summary>
   <Suggestion>
 </SearchField>
</Search>
<Product>              <---- this changes depending on UI selection
   <Result>
      <Option>
        <Filter>       <----Here button click auto scrolls up 
...

问题是当 button在 <Filter>然后单击组件 modal打开但下面的所有内容都会自动向上滚动。我需要停止这种行为。不知道如何。

由于组件太多，不确定具体需要在哪里设置以及如何设置？

我正在考虑将该子句应用于顶级组件 ´`。它是正确的吗？

需要在移动设备上停止自动向上滚动。

Answer 1

在点击事件上像这样添加 .prevent @click.prevent="activeNews(1)"