如何根据其父组件在屏幕上的位置移动Vuetify组件```VDatePicker```

Question

我正在使用来自 vuetify 的 VMenu 组件，它内部是另一个 vuetify 组件 VDatePicker。该功能是这样的，当我单击文本字段时，会看到日历（VDatePicker）。 VDatePicker 组件通常总是出现在文本字段下方，前提是该字段下方有足够的空间直到屏幕结束。

但现在的问题是文本字段的位置使其与屏幕末端之间的空间很小，因此 DatePicker 尝试调整自身并将自身推到上方一点，因此它将字段隐藏在下方（附上快照）。

问题是我怎样才能改变它，以便当这种情况发生时，字段和屏幕末端之间的空间很小，那么它应该将自己定位在字段的顶部而不是它上面。

Answer 1

我假设你想把它移到一边？ 您可以在 v-menu 中使用 nude-right="300px" 将 Datepicker 向右微移 300 像素

示例： https://codepen.io/j3n50m4t/pen/xxZzVLG