Vue.js对话框太大,无法移动设备

时间:2018-12-14 17:12:06

标签: ios android-layout user-interface vuejs2

编辑:已解决。保留原始内容以供查看,最后进行解释。

我有一个网站,该网站带有一个带有步进器的vue对话框,该对话框在PC的chrome / firefox / edge中按预期显示,但是在移动设备上,对话框中的文本过多。尝试在对话框中滚动将滚动对话框后的页面,而不滚动对话框窗口本身,从而使该对话框无法用于移动设备。

我已经查看过并且无法找到有关为移动设备优化vue对话框的信息。您与此相关的任何资源都会有所帮助。

编辑: 该对话框使用以下内容创建:

<v-dialog v-model="dialog" max-width="400px" scrollable>

即使设置了scrollable选项,对话框也不会滚动。

编辑2: 事实证明scrollable的默认值为false,这意味着如果设置了该值,则对话框窗口可以滚动。我删除了此道具,并得到了预期的行为。

1 个答案:

答案 0 :(得分:0)

我通过文档寻找信息,但找不到。我很想得到一些不同的答复,并从对话框中删除了scrollable道具并解决了该问题。后来我发现该prop默认值是false -意味着除非设置为true(或省略),否则它不会滚动。 For reference