postgresql - 简单的 v-model 在 false 时不会消失

Question

我的代码有点问题，我认为这是一个简单的问题，但我很难弄清楚，也许你们可以帮帮我！

所以我有一个我必须在用户点击按钮时显示开/关，我之前已经在其他项目中做过同样的事情，但出于某种原因，v-model：“table”或@click ="table = !table" 不工作！我一直点击按钮，但根本看不到工作，表格一直显示为静态。我将在此处留下表格/btn 和代码（模板和脚本）的屏幕截图。

非常感谢你们！

代码：

          v-model="dialog"
          fullscreen
        >
          <v-card>
            
            <v-app-bar color="#39a0ed" dark>
            <v-card-title>Menu Analista</v-card-title>
             <v-btn
                text
                class="white justify-end"
                color="#32322c"
                @click="dialog = false"
              >
                Fechar
              </v-btn>
            </v-app-bar>
             
         
             
                <v-btn @click="table = !table" >Visualizar</v-btn>
                <v-btn class="primary" elevation="10" >Pesquisar Cadastro</v-btn>
                <v-btn class="primary" elevation="10" >Erros de Cadastro ( 2 )</v-btn>  
                         
                    
  
            <v-data-table :value="true" :headers="headers" :items="infos" item-key="email" v-model="table" ></v-data-table>
                       
                     

            <v-img
            src="../assets/analyst1.svg"
            style="max-width:500px; right:-75%;"
            >

            </v-img>

            <v-card-actions>
              <v-spacer></v-spacer>

             
            </v-card-actions>
          </v-card>
        </v-dialog>


<script>
import firebase from 'firebase';
import { db, auth } from '../services/firebase';
import logo1 from '../assets/logo1.png'
import axios from 'axios'
import Table1 from './Table1'

export default {
    data() {
        return {
        dialog: false,       
        hidden: false,
        drawer: false,
        table: false, 
        name: null, 
        email: null,
        photoURL: null,
        sector: null,
        position: null,
        client: null,
        clientlogo: null,     
        infos: null,

        headers: [
      {
        text: "Email",
        align: "center",
        value: "email",
      },
          
        ]
     } },
     
     mounted () {
        axios
          .get('http://localhost:5566/users')
          .then(response => (this.infos = response.data.rows))

},

 computed: {
      headersList() {
        return this.headers
      },
      userList() {
        return this.infos
      }
      
  } 
 


}
</script>

标签： postgresqlvue.jsvuejs2vuetify.js