Vuetify:如何将v-menu固定在给定位置？

<template>
  <v-menu v-model="menuVisible" :position-x="menuPositionX" :position-y="menuPositionY" :offset-x="menuOffsetX" :offset-y="menuOffsetY" :absolute="menuAbsolute">
    <template v-slot:activator="{ on }">
      <v-btn v-on="on">Toggle Menu</v-btn>
    </template>
    <v-list>
      <v-list-item>Menu Item 1</v-list-item>
      <v-list-item>Menu Item 2</v-list-item>
      <v-list-item>Menu Item 3</v-list-item>
    </v-list>
  </v-menu>
</template>

<script>
export default {
  data() {
    return {
      menuVisible: false,
      menuPositionX: 'left',
      menuPositionY: 'top',
      menuOffsetX: 0,
      menuOffsetY: 0,
      menuAbsolute: false
    };
  }
};
</script>