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

我的组件结构如下:

<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打开但下面的所有内容都会自动向上滚动。我需要停止这种行为。不知道如何。

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

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

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

最佳答案

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

关于javascript - 如何在 Vue.js 中停止自动滚动到顶部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53720410/