我有1个v型导航抽屉和2个按钮。第一个按钮用于打开第一个抽屉，第二个按钮用于更改抽屉的内容。我希望能够更改抽屉的内容（一旦打开），在没有关闭按钮的情况下单击按钮。我不希望在其内容更改时关闭它。我只希望其内容更改时没有“关闭动画”。我现在面临的问题是，内容发生了变化（我可以看到半秒钟的新文本），但随后它关闭。
下面是我的代码：

<template>
  <div>
    <v-btn @click="drawerTest = !drawerTest">TESTING 1</v-btn><br><br>
    <v-btn @click="changeContent">TESTING 2</v-btn>
    <v-navigation-drawer 
      v-model="drawerTest"
      height="100vh"
      width="360px"
      absolute
      temporary
      hide-overlay
      right
    >
      <p>
        {{this.content1}}
      </p>
    </v-navigation-drawer>
  </div>
</template>

data() {
  let content1 = "This is the first test";
  let content2 = "HELLO";
},

methods: {
  changeContent() {
    this.content1 = this.content2;
  },
}