vue.js - 验证可以隐藏按钮但不能显示

Question

在我的应用程序中<v-app-bar>，我有一个应用程序栏中的按钮，如下所示：

<v-tooltip bottom>
    <template v-slot:activator="{ on, attrs }">
        <v-btn
           @click="showModel = true"
           icon
           class="mx-2 white--text"
           v-bind="attrs"
           v-on="on"
           v-if="showTDT"
           ><v-icon>mdi-rotate-3d</v-icon></v-btn
         ></template
       >
       <span>3D Tour</span>
</v-tooltip>

如果我在页面加载时启动变量showTDT，true那么我可以将其更改为false并隐藏按钮。但我似乎无法再次展示它。如果我启动变量false并尝试将其更改为true按钮永远不会显示。将变量更改为truefromfalse不会使按钮再次显示。我很茫然。我究竟做错了什么？任何人都可以帮忙吗？

标签： vue.jsvuetify.js

Answer 1

我有一个例子：

<v-app-bar :clipped-left="clipped" fixed app>
      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
</v-app-bar>

在里面：

data(){
   clipped: true,
   drawer: false,
   fixed: false,
}

我希望这是正确的