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