如何在单击关闭按钮时关闭小吃店？

Question

我试图在点击关闭按钮时关闭小吃店。 最初，在页面加载时，默认情况下应该弹出 snackbar 并且它应该保持直到我手动关闭它。所以，我将超时设置为零。但是我的小吃店没有在点击关闭按钮时关闭。要求你输入

网页模板

<div id="app">
  <v-app id="inspire">
    <v-card>
     <v-snackbar
        class="regiSnack"
        :timeout="0"
        :value="true"
        absolute
        :multi-line="multiLine"
        top
        color="deep-purple accent-4"
        elevation="50"
        >
          This is Snackbar
          <template >
             <v-btn text @click="snackbar: false"> Close </v-btn>
         </template>
     </v-snackbar>
    </v-card>
  </v-app>
</div>

JS-

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
     
      snackbar: true,
     
    }
  },
})

https://codepen.io/KiranGire/pen/eYjBpOP?editors=101

Answer 1

您缺少“this”关键字。

<v-btn text @click="snackbar: false"> 关闭

<v-btn text @click="this.snackbar: false"> 关闭