v-loading抖动

v-loading抖动的原因是由于loading时的蒙版是全屏的，导致滚动条消失，从而导致页面跳动。为了解决这个问题，可以使用element-ui的loading组件，并设置fullscreen为false来关闭全屏蒙版。这样就可以避免v-loading抖动的情况发生。

此外，你还可以在store中增加一个变量isShowLoading来控制是否显示loading。通过在mutations中定义SET_SHOWLOADING来设置isShowLoading的值，然后在页面中根据isShowLoading的值来控制loading的显示与隐藏。这样可以更加灵活地控制loading的行为，避免抖动问题的发生。

另外，如果你想要在Vue.js中实现无限滚动列表，可以考虑使用vue-infinite-loading插件。该插件可以帮助你快速创建一个无限滚动列表，并提供了丰富的配置选项。可以通过npm安装vue-infinite-loading并按照文档进行导入和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [element的loading的蒙版导致滚动条消失，页面抖动](https://blog.csdn.net/weixin_42349568/article/details/114121252)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [解决连续请求，显示loading导致页面闪烁问题](https://blog.csdn.net/halo1416/article/details/116527889)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue-infinite-loading2.0 中文文档详解](https://download.csdn.net/download/weixin_38508549/13459913)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]