如何在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 
...

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

由于组件太多，因此不确定在哪里进行设置以及如何设置？

我当时正在考虑将该子句应用于顶层组件“`”。 正确吗？

需要在移动时停止自动滚动起来。

Answer 1

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