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

在点击事件上，像这样{。{1}}

添加.prevent