gpt4 book ai didi

vue.js - 如何阻止 vuetify v-bottom-sheet 或 (v-dialog) 阻止与主要内容的交互

转载 作者:行者123 更新时间:2023-12-04 17:12:14 32 4
gpt4 key购买 nike

我们正在尝试在 Vue 页面上构建一个音乐播放界面,该界面在底部播放器中播放,如下所述:
https://vuetifyjs.com/en/components/bottom-sheets/#music-player
但是播放列表和其他控件都在主页面上。但问题是这些元素被“阻止”或停用或其他什么,无法与它们交互。就像在这个例子中一样。
输入元素停止工作,只有通过捕获侧面的滚动条才能在主页上滚动。
然而,@clicks 仍然被注册,并且在其他一些组件上滚动工作。
我想我已经尝试了文档中的每个 API 设置和组合,比如将它附加到不同的 dom 元素,或者 hide-overlay , 和 persistent ,但似乎没有任何效果。同样的原则似乎适用于其他在 vuetify 中成为焦点的对话框。
https://vuetifyjs.com/en/api/v-bottom-sheet/
有没有人有这方面的经验或知道解决方法?这将不胜感激!

最佳答案

这是预期的行为。您最好的选择是 hide-overlay结合 persistent

<v-bottom-sheet
hide-overlay
persistent
></v-bottom-sheet>

关于vue.js - 如何阻止 vuetify v-bottom-sheet 或 (v-dialog) 阻止与主要内容的交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69221706/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com