vue3 滚动时隐藏el-tips
时间: 2023-12-09 09:06:45 浏览: 116
vue中使用css预处理器scss解决body隐藏滚动条问题
要实现vue3滚动时隐藏el-tips组件,可以借助elementUI的popover组件的show、hide方法。首先,在滚动事件中监听滚动的位置,当滚动到一定位置时,调用popover组件的hide方法隐藏el-tips组件,当滚动位置不符合条件时,调用show方法显示el-tips组件。这样就可以实现滚动时隐藏el-tips的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [组件封装: 通过 el-tag、el-popover、vue动画等实现公告轮播 >](https://blog.csdn.net/MrWen2395772383/article/details/130295159)[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_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文